Веб [XenForo] Таблички групп как на rubukkit + бонус

[D_ART]

На досуге сделал эти приславутые таблички, для всего мира
Устанавливайте и радуйтесь!

Скриншоты:

Спойлер

Установка:
1) Заходим в панель управления -> Внешний вид -> Шаблоны
2) Выбираем шаблон message_user_info
3) Вставляем данный код перед
<xen:contentcheck>
<xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">

Спойлер

<!-- Start User Ranks -->
<xen:if is="{$user.is_admin}">
<span class="userrank_admin">Администратор</span>
</xen:if>

<xen:if is="{$user.is_moderator} AND !{$user.is_admin}">
<span class="userrank_moder">Модератор</span>
</xen:if>

<xen:if is="{$user.user_group_id} == 6">
<span class="userrank_developer">Девелопер</span>
</xen:if>
<!-- End User Ranks -->

4) Далее идём в шаблон EXTRA.CSS и вставляем в самый конец код

Спойлер

.userrank_admin {
display: block;
width: 108px;
margin: -2px 0 5px 0px;
padding: 2px 0 3px 0;
border: 1px solid @importantColor;
border-radius: 5px;
background: @importantColor url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
text-align: center;
font: 11px verdana,sans-serif;
text-decoration: none;
color: @lightTextColor;
outline: 0;
}

.userrank_moder {
display: block;
width: 108px;
margin: -2px 0 5px 0px;
padding: 2px 0 3px 0;
border: 1px solid #256930;
border-radius: 5px;
background: #038000 url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
text-align: center;
font: 11px verdana,sans-serif;
text-decoration: none;
color: @lightTextColor;
outline: 0;
}

.userrank_developer {
display: block;
width: 108px;
margin: -2px 0 5px 0px;
padding: 2px 0 3px 0;
border: 1px solid #aa00aa;
border-radius: 5px;
background: #ad0aad url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
text-align: center;
font: 11px verdana,sans-serif;
text-decoration: none;
color: @lightTextColor;
outline: 0;
}

5) Далее идём в Панель Управления -> Внешний вид -> Настройки стиля -> Элементы сообщений и ставим галочку на "Отображать количество сообщений"
6) Теперь вам нужно изменить цвета ников для каждой группы. Заходим в Панель Управления -> Пользователи -> и в настройках каждой группы в поле "CSS стиль для имени пользователя" ставим нужный цвет при помощи css

/* Администратор (красный) */
color: red;
text-shadow: 0.5px 0px 0px #038000;
 
/* Модератор (зелёный) */
color: #038000;
text-shadow: 0.5px 0px 0px #038000;
 
/* Девелопер (фиолетовый) */
color: #aa00aa;
text-shadow: 0.5px 0px 0px #038000;

 

[D_ART]

Резерв

 

[LiveD]

Что за бонус, объясни слоупку?

 

[D_ART]

Что за бонус, объясни слоупку?

Дополнительные таблички, разные виды "донатера" и потом ещё с разными картинками как на spout.org. В общем ещё больше табличек

 

[makkarpov]

D_ART, небольшой фикс:

.userrank {
    display: block;
    width: 108px;
    margin: -2px 0 5px 0px;
    padding: 2px 0 3px 0;
    border: 1px solid #000;
    border-radius: 5px;
    background: #111 url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
    text-align: center;
    font: 11px verdana,sans-serif;
    text-decoration: none;
    color: #fff;
    outline: 0;
}
 
userrank.ur-admin {
    background-color: @importantColor;
    border-color: @importantColor;
    color: @lightTextColor;
}
 
userrank.ur-moder {
    background-color: #038000;
    border-color: #256930;
    color: @lightTextColor;
}
 
userrank.ur-dev {
    background-color: #ad0aad;
    border-color: #aa00aa;
    color: @lightTextColor;
}

<span class="userrank ur-admin">Админ</span>

Спойлер

Интересно, с чего бы это две полосы прокрутки появилось?

 

[DaDeraNeTiVe]

Посоветуйте хорошее пособие для изучения php в личку с меня лайк

 

[Bluer]

Посоветуйте хорошее пособие для изучения php в личку с меня лайк

php.su

 

[egor36545]

Спасибо, сделал. Только не показывает СТАТУС пользователя. Если не сложно объясни где, что вставить пожалуйста.

 

[klarnet]

Спасибо, сделал. Только не показывает СТАТУС пользователя. Если не сложно объясни где, что вставить пожалуйста.

Просто в нужном месте инклюд сделай.

 

[egor36545]

Просто в нужном месте инклюд сделай.

Дай плиз код :3 Я в пхп новичок....

 

[klarnet]

Дай плиз код :3 Я в пхп новичок....

Чесно говоря пхп в этом коде я не видел -_-

 

[egor36545]

Чесно говоря пхп в этом коде я не видел -_-

:S НУуу..... Просто код

 

[MySt1k]

Как создать свои таблички?

 

[klarnet]

Как создать свои таблички?

css правь

 

[egor36545]

css правь

Слушай, я вижу ты (если не против) разбираешь тут. Скажи пожалуйста инклюд для статуса. К какому файлу его вести то?

 

[MySt1k]

css правь

Я разобрался, все оказалось просто. Спасибо что ответил =)

 

[klarnet]

Слушай, я вижу ты (если не против) разбираешь тут. Скажи пожалуйста инклюд для статуса. К какому файлу его вести то?

Сейчас найду, подожди

 

[klarnet]

Слушай, я вижу ты (если не против) разбираешь тут. Скажи пожалуйста инклюд для статуса. К какому файлу его вести то?

Покажи точнее что надо, не совсем понял.

 

[egor36545]

Покажи точнее что надо, не совсем понял.

Табличка статуса пользователся онлайн/оффлайн

 

[D_ART]

Так сразу бы и сказали, а то развели мелодраму Эти статусы онлайн/оффлайн - это ещё один хак, который к табличкам не относится, но вот ссылка, если будешь ставить