Баннер в "Карточке пользователя"

Георгий Шевченко · 17 Апр 2014

Пользователь Георгий Шевченко разместил новый ресурс:

Баннер в "Карточке пользователя" - Показывает баннер пользователя.

Код:
Описание:
Добавляет баннер в карточке пользователя.

Инструкция:

Идем в шаблон member_card
Ищем

Код:

<h3 class="username"><xen:username user="$user" rich="true" class="NoOverlay" /></h3>

Заменяем на

Код:

<h3 class="username"><xen:username user="$user" rich="true" class="NoOverlay" /> - {xen:helper userBanner, $user}</h3>

Демо:
Посмотреть вложение 15857 Посмотреть вложение 15858 Посмотреть вложение 15859

Узнать больше об этом ресурсе...

kakashka · 17 Апр 2014

Я не совсем понял для чего это
Если хотим скрыть баннер Команда форума
Добавляем в любое место в шаблоне member_card.css

Код:

.bannerStaff {
display: none;
}

Hope · 17 Апр 2014

При чём тут скрыть? Оо. Это для того, чтобы его отображать, а не скрывать. :-D

Георгий Шевченко · 17 Апр 2014

denchik1998 написал(а):
Я не совсем понял для чего это
Если хотим скрыть баннер Команда форума
Добавляем в любое место в шаблоне member_card.css

Код:

.bannerStaff { display: none; }

Просто при отображение будет 2 баннера команда форума и еще один баннер который вы указываете, и если вы хотите его скрыть то этот код скрывает баннер команды форума.

Скриптик · 7 Июн 2014

с 1.3 работает у кого?

Георгий Шевченко · 7 Июн 2014

Скриптик написал(а):
с 1.3 работает у кого?

Работает на всех версиях.

Скриптик · 7 Июн 2014

Георгий Шевченко написал(а):
Работает на всех версиях.

Просто или я туплю или на стиле

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

нету такого *
<h3 class="username"><xen:username user="$user" rich="true" class="NoOverlay" /></h3>*[DOUBLEPOST=1402096997,1402096923][/DOUBLEPOST]вот мой member_card.css полностью)

.xenOverlay.memberCard
{
@property "memberCardBox";
color: white;
background: rgba(0, 0, 0, .8);
padding: 10px;
border-radius: 4px;
overflow: hidden;
max-width: 565px;
box-shadow: 0 0 15px 0 rgba(0,0,0, 0.8);
@property "/memberCardBox";
}

.xenOverlay.memberCard .avatarCropper
{
float: left;
border: none;
padding: 0;
position: relative;
}

.xenOverlay.memberCard .avatarCropper .modControls
{
display: none;
}

.xenOverlay.memberCard .avatarCropper:hover .modControls,
.Touch .xenOverlay.memberCard .avatarCropper .modControls
{
display: block;
}

.xenOverlay.memberCard .avatarCropper .modControls a
{
display: block;
float: left;
height: auto;
width: auto;
overflow: visible;
position: static;
background: rgba(0,0,0, 0.5);
color: white;
padding: 3px 6px;
font-size: 11px;
text-align: center;
min-width: 32px;
}

.xenOverlay.memberCard .avatarCropper .modControls a:hover
{
background: rgba(0,0,0, 0.75);
text-decoration: none;
}

.xenOverlay.memberCard .userInfo
{
margin-left: 205px;
font-size: 11px;
}

.xenOverlay.memberCard .userInfo h3
{
@property "memberCardUserName";
font-size: 18px;
color: @primaryLighter;
padding-top: 10px;
padding-bottom: 10px;
@property "/memberCardUserName";
}

.xenOverlay.memberCard .userInfo h3 a
{
color: @memberCardUserName.color;
}

.xenOverlay.memberCard .userInfo .userTitleBlurb
{
margin: 0 0 3px;
}

.xenOverlay.memberCard .userInfo h4
{
color: @mutedTextColor;
font-size: 10pt;
}

.xenOverlay.memberCard .userInfo .userBlurb
{
font-size: 11px;
}

.xenOverlay.memberCard .userInfo .status
{
font-size: 11px;
font-style: italic;
margin: 3px 0;
}

.xenOverlay.memberCard .userInfo .status a
{
color: inherit;
}

.xenOverlay.memberCard .userInfo .userStats
{
width: 100%;
}

.xenOverlay.memberCard .userInfo .userStats dd
{
margin-right: 5px;
}

.xenOverlay.memberCard .userLinks
{
@property "memberCardUserLinks";
font-weight: bold;
color: @primaryLighter;
padding: 5px 0 9px;
margin: 3px 0 9px;
border-bottom: 1px solid @dimmedTextColor;
@property "/memberCardUserLinks";
}

.xenOverlay.memberCard .userLinks a
{
margin-right: 10px;
color: inherit;
white-space: nowrap;
}

.xenOverlay.memberCard .lastActivity
{
@property "memberCardLastActivity";
padding-top: 9px;
margin-top: 9px;
border-top: 1px solid @dimmedTextColor;
@property "/memberCardLastActivity";
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive .xenOverlay.memberCard
{
max-width: 320px;
}

.Responsive .xenOverlay.memberCard .avatarCropper
{
float: none;
margin-left: auto;
margin-right: auto;
}

.Responsive .xenOverlay.memberCard .userInfo
{
margin-left: 0;
}

.Responsive .xenOverlay.memberCard .userInfo h3,
.Responsive .xenOverlay.memberCard .userInfo .userTitleBlurb,
.Responsive .xenOverlay.memberCard .userInfo .status
{
text-align: center;
}
}
</xen:if>

Георгий Шевченко · 7 Июн 2014

Надо менять не в CSS. А просто в шаблоне member_card.
Совет на будущие, прячьте код под спойлер.

Скриптик · 7 Июн 2014

Георгий Шевченко написал(а):
Надо менять не в CSS. А просто в шаблоне member_card.
Совет на будущие, прячьте код под спойлер.

А где тогда этот шаблон?

Георгий Шевченко · 7 Июн 2014

Скриптик написал(а):
А где тогда этот шаблон?

[DOUBLEPOST=1402097963,1402097768][/DOUBLEPOST]Обновил пост.

Скриптик · 7 Июн 2014

Георгий Шевченко написал(а):
Посмотреть вложение 18163[DOUBLEPOST=1402097963,1402097768][/DOUBLEPOST]Обновил пост.

так он у меня такой же как и css

.xenOverlay.memberCard
{
@property "memberCardBox";
color: white;
background: rgba(0, 0, 0, .8);
padding: 10px;
border-radius: 4px;
overflow: hidden;
max-width: 565px;
box-shadow: 0 0 15px 0 rgba(0,0,0, 0.8);
@property "/memberCardBox";
}

.xenOverlay.memberCard .avatarCropper
{
float: left;
border: none;
padding: 0;
position: relative;
}

.xenOverlay.memberCard .avatarCropper .modControls
{
display: none;
}

.xenOverlay.memberCard .avatarCropper:hover .modControls,
.Touch .xenOverlay.memberCard .avatarCropper .modControls
{
display: block;
}

.xenOverlay.memberCard .avatarCropper .modControls a
{
display: block;
float: left;
height: auto;
width: auto;
overflow: visible;
position: static;
background: rgba(0,0,0, 0.5);
color: white;
padding: 3px 6px;
font-size: 11px;
text-align: center;
min-width: 32px;
}

.xenOverlay.memberCard .avatarCropper .modControls a:hover
{
background: rgba(0,0,0, 0.75);
text-decoration: none;
}

.xenOverlay.memberCard .userInfo
{
margin-left: 205px;
font-size: 11px;
}

.xenOverlay.memberCard .userInfo h3
{
@property "memberCardUserName";
font-size: 18px;
color: @primaryLighter;
padding-top: 10px;
padding-bottom: 10px;
@property "/memberCardUserName";
}

.xenOverlay.memberCard .userInfo h3 a
{
color: @memberCardUserName.color;
}

.xenOverlay.memberCard .userInfo .userTitleBlurb
{
margin: 0 0 3px;
}

.xenOverlay.memberCard .userInfo h4
{
color: @mutedTextColor;
font-size: 10pt;
}

.xenOverlay.memberCard .userInfo .userBlurb
{
font-size: 11px;
}

.xenOverlay.memberCard .userInfo .status
{
font-size: 11px;
font-style: italic;
margin: 3px 0;
}

.xenOverlay.memberCard .userInfo .status a
{
color: inherit;
}

.xenOverlay.memberCard .userInfo .userStats
{
width: 100%;
}

.xenOverlay.memberCard .userInfo .userStats dd
{
margin-right: 5px;
}

.xenOverlay.memberCard .userLinks
{
@property "memberCardUserLinks";
font-weight: bold;
color: @primaryLighter;
padding: 5px 0 9px;
margin: 3px 0 9px;
border-bottom: 1px solid @dimmedTextColor;
@property "/memberCardUserLinks";
}

.xenOverlay.memberCard .userLinks a
{
margin-right: 10px;
color: inherit;
white-space: nowrap;
}

.xenOverlay.memberCard .lastActivity
{
@property "memberCardLastActivity";
padding-top: 9px;
margin-top: 9px;
border-top: 1px solid @dimmedTextColor;
@property "/memberCardLastActivity";
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive .xenOverlay.memberCard
{
max-width: 320px;
}

.Responsive .xenOverlay.memberCard .avatarCropper
{
float: none;
margin-left: auto;
margin-right: auto;
}

.Responsive .xenOverlay.memberCard .userInfo
{
margin-left: 0;
}

.Responsive .xenOverlay.memberCard .userInfo h3,
.Responsive .xenOverlay.memberCard .userInfo .userTitleBlurb,
.Responsive .xenOverlay.memberCard .userInfo .status
{
text-align: center;
}
}
</xen:if>

Георгий Шевченко · 7 Июн 2014

Скриптик написал(а):
так он у меня такой же как и css

.xenOverlay.memberCard
{
@property "memberCardBox";
color: white;
background: rgba(0, 0, 0, .8);
padding: 10px;
border-radius: 4px;
overflow: hidden;
max-width: 565px;
box-shadow: 0 0 15px 0 rgba(0,0,0, 0.8);
@property "/memberCardBox";
}

.xenOverlay.memberCard .avatarCropper
{
float: left;
border: none;
padding: 0;
position: relative;
}

.xenOverlay.memberCard .avatarCropper .modControls
{
display: none;
}

.xenOverlay.memberCard .avatarCropper:hover .modControls,
.Touch .xenOverlay.memberCard .avatarCropper .modControls
{
display: block;
}

.xenOverlay.memberCard .avatarCropper .modControls a
{
display: block;
float: left;
height: auto;
width: auto;
overflow: visible;
position: static;
background: rgba(0,0,0, 0.5);
color: white;
padding: 3px 6px;
font-size: 11px;
text-align: center;
min-width: 32px;
}

.xenOverlay.memberCard .avatarCropper .modControls a:hover
{
background: rgba(0,0,0, 0.75);
text-decoration: none;
}

.xenOverlay.memberCard .userInfo
{
margin-left: 205px;
font-size: 11px;
}

.xenOverlay.memberCard .userInfo h3
{
@property "memberCardUserName";
font-size: 18px;
color: @primaryLighter;
padding-top: 10px;
padding-bottom: 10px;
@property "/memberCardUserName";
}

.xenOverlay.memberCard .userInfo h3 a
{
color: @memberCardUserName.color;
}

.xenOverlay.memberCard .userInfo .userTitleBlurb
{
margin: 0 0 3px;
}

.xenOverlay.memberCard .userInfo h4
{
color: @mutedTextColor;
font-size: 10pt;
}

.xenOverlay.memberCard .userInfo .userBlurb
{
font-size: 11px;
}

.xenOverlay.memberCard .userInfo .status
{
font-size: 11px;
font-style: italic;
margin: 3px 0;
}

.xenOverlay.memberCard .userInfo .status a
{
color: inherit;
}

.xenOverlay.memberCard .userInfo .userStats
{
width: 100%;
}

.xenOverlay.memberCard .userInfo .userStats dd
{
margin-right: 5px;
}

.xenOverlay.memberCard .userLinks
{
@property "memberCardUserLinks";
font-weight: bold;
color: @primaryLighter;
padding: 5px 0 9px;
margin: 3px 0 9px;
border-bottom: 1px solid @dimmedTextColor;
@property "/memberCardUserLinks";
}

.xenOverlay.memberCard .userLinks a
{
margin-right: 10px;
color: inherit;
white-space: nowrap;
}

.xenOverlay.memberCard .lastActivity
{
@property "memberCardLastActivity";
padding-top: 9px;
margin-top: 9px;
border-top: 1px solid @dimmedTextColor;
@property "/memberCardLastActivity";
}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.Responsive .xenOverlay.memberCard
{
max-width: 320px;
}

.Responsive .xenOverlay.memberCard .avatarCropper
{
float: none;
margin-left: auto;
margin-right: auto;
}

.Responsive .xenOverlay.memberCard .userInfo
{
margin-left: 0;
}

.Responsive .xenOverlay.memberCard .userInfo h3,
.Responsive .xenOverlay.memberCard .userInfo .userTitleBlurb,
.Responsive .xenOverlay.memberCard .userInfo .status
{
text-align: center;
}
}
</xen:if>

:facepalm: Либо я сонный и ничего не понимаю, либо вы ~~тупите~~.
И так по порядку.

Идем в обычный шаблон member_card
Ищем

Код:

<h3 class="username"><xen:username user="$user" rich="true" class="NoOverlay" /></h3>

Заменяем на

Код:

<h3 class="username"><xen:username user="$user" rich="true" class="NoOverlay" /> - {xen:helper userBanner, $user}</h3>

А если хотим скрыть баннер Команда форума
Добавляем в любое место в шаблоне member_card.css

Код:

.bannerStaff {
display: none;
}

Вот и все.

Скриптик · 7 Июн 2014

я тоже сонный)))
Но так у меня же нету этой строки
<h3 class="username"><xen:username user="$user" rich="true" class="NoOverlay" /></h3>

Георгий Шевченко · 7 Июн 2014

По порядку.

1) У вас в шаблоне member_card , по-чему то CSS только, а значит у вас по нажатию на пользователя ничего не происходит. Как вы только не заметили этого. (Исправлено)
2) Все сделал, баннер.

Скриптик · 7 Июн 2014

Георгий Шевченко написал(а):
По порядку.

1) У вас в шаблоне member_card , по-чему то CSS только, а значит у вас по нажатию на пользователя ничего не происходит. Как вы только не заметили этого. (Исправлено)
2) Все сделал, баннер.

Спасибо

Георгий Шевченко · 7 Июн 2014

Скриптик написал(а):
Спасибо

:facepalm:12. Не оставляйте сообщений, не несущих смысловой нагрузки! Сообщения, типа "Спасибо", "СПС", "Thx", "Скачал", "Забрал", "Круто" и т.п - будут удаляться. Если Вы хотите поблагодарить участника за его сообщение, то просто нажмите на кнопку "Мне нравится".

Скриптик · 7 Июн 2014

а банер команда форума так и остался)

Георгий Шевченко · 7 Июн 2014

Скриптик написал(а):
а банер команда форума так и остался)

Вы нажмите на свою аватарку, и появится окошко. И там нету этого баннера.

Скриптик · 7 Июн 2014

Георгий Шевченко написал(а):
Вы нажмите на свою аватарку, и появится окошко. И там нету этого баннера.

а как сделать что бы его и в темах не было но при этом я был в списке команда форума в сети!

Георгий Шевченко · 7 Июн 2014

Скриптик написал(а):
а как сделать что бы его и в темах не было но при этом я был в списке команда форума в сети!

В шаблоне message_user_info.css

Добавить

Код:

.bannerStaff {
display: none;
}

Баннер в "Карточке пользователя"

Георгий Шевченко

kakashka

Hope

Георгий Шевченко

Скриптик

Георгий Шевченко

Скриптик

Георгий Шевченко

Скриптик

Георгий Шевченко

Скриптик

Георгий Шевченко

Скриптик

Георгий Шевченко

Скриптик

Георгий Шевченко

Скриптик

Георгий Шевченко

Скриптик

Георгий Шевченко

Похожие темы

Мы ценим вашу конфиденциальность