Иконка ресурса

User Ranks in CSS - CSS звания пользователей

User Ranks in CSS - CSS звания пользователей
Совместимость с XenForo
1.2, 1.3, 1.4, 1.5
CSS звания пользователей 1.0

Тема на оф. сайте:
Код:
http://xenforo.com/community/resources/user-ranks-in-css.430/
Инструкция переведена на русский пользователем AngryMark.

ranks_example.jpg


Описание:
Этот плагин добавляет группам пользователей звания, которые сделаны через CSS стили, так что никаких изображений не требуется. По умолчанию, css-звания сам меняет цвет подстраиваясь под ваш форум.

Текст звания легко меняется в шаблоне. Так же, вы можете полностью изменять вид звания, если вы хорошо владеете знаниями css стилей.

Инструкция:
Шаг 1:

Откройте шаблон message_user_info и найдите в нём:
Код:
<xen:if hascontent="true">

<div class="extraUserInfo">
После, добавьте:
Код:
<!-- Start User Ranks -->
<xen:if is="{$user.is_admin}">
<span class="userrank">Administrator</span>
</xen:if>

<xen:if is="{$user.is_moderator} AND !{$user.is_admin}">
<span class="userrank">Moderator</span>
</xen:if>

<xen:if is="{$user.user_group_id} == 5">
<span class="userrank">Текст звания пользователя</span>
</xen:if>
<!-- End User Ranks -->
Для того, чтобы отображались звания для других групп пользователей, вы должны a new conditional for every added rank. (вот тут непонял чё то) Replace 5 with the appropriate usergroup ID.

Шаг 2:

Откройте шаблон: EXTRA.css и добавьте в конец:
Код:
.userrank {
                                display: block;
                                width: 108px;
                                margin: -2px 0 5px 6px;
                                padding: 2px 0 3px 0;
                                border: 1px solid @primaryLight;
                                border-radius: 5px;
                                background: @primaryLighterStill url('@imagePath/xenforo/gradients/tab-unselected-25px-light.png') repeat-x top;
                                text-align: center;
                                font: 11px verdana,sans-serif;
                                text-decoration: none;
                                color: @primaryMedium;
                                text-shadow: 1px 1px 0 #fff;
                                outline: 0;
}
Готово!
Автор
android88
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок