- Версия XenForo
- 2.2
- 2.3
АВТОРЫ: seeth, Zenettany, AUR PROJECT.EU
Привет! Просили бейджи — выкладываю ТОЛЬКО БЕЙДЖИ для групп, и ничего лишнего. Всё остальное — делаете своими руками!
Установка
1. Панель управления → Внешний вид → Шаблоны → member_view.
Найдите в коде строку memberHeader-actionTop и вставьте следующий блок HTML-кода после неё:
2. Панель управления → Внешний вид → Шаблоны → member.less(или создайте новый шаблон с произвольным именем).
Вставьте следующий CSS-код:
Важно! Убедитесь, что ID групп (3, 4, 5, 6, 7) соответствуют на форуме. Их можно проверить в разделе "Группы пользователей".(ПО ЖЕЛАНИЮ ЗАМЕНИТЬ)
Всем удачи! И успехов в наступающем году!
Привет! Просили бейджи — выкладываю ТОЛЬКО БЕЙДЖИ для групп, и ничего лишнего. Всё остальное — делаете своими руками!
Установка
1. Панель управления → Внешний вид → Шаблоны → member_view.
Найдите в коде строку memberHeader-actionTop и вставьте следующий блок HTML-кода после неё:
HTML:
<xf:if is="$user.isMemberOf(5)">
<div class="monser-premiumBadge" data-xf-init="tooltip" title="Premium">
<xf:fa icon="fas fa-crown" />
</div>
</xf:if>
<xf:if is="$user.isMemberOf(3)">
<div class="aur-adminBadge" data-xf-init="tooltip" title="Admin">
<xf:fa icon="fas fa-cog" />
</div>
</xf:if>
<xf:if is="$user.isMemberOf(4)">
<div class="aur-moderatorBadge" data-xf-init="tooltip" title="Moderator">
<xf:fa icon="fas fa-star" />
</div>
</xf:if>
<xf:if is="$user.isMemberOf(6)">
<div class="aur-friendBadge" data-xf-init="tooltip" title="Friend">
<xf:fa icon="fas fa-heart" />
</div>
</xf:if>
<xf:if is="$user.isMemberOf(7)">
<div class="aur-activeBadge" data-xf-init="tooltip" title="Active member">
<xf:fa icon="fas fa-user" />
</div>
</xf:if>Вставьте следующий CSS-код:
CSS:
.monser-premiumBadge {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(255, 175, 0, 0.15);
border: 1px solid #ffaf00;
border-radius: 8px;
color: #ffaf00;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0px 0px 8px rgba(255, 175, 0, 0.3);
pointer-events: auto;
i, svg, .fa--xf {
font-size: 24px !important;
color: #ffaf00 !important;
width: 24px;
height: 24px;
}
&:hover {
box-shadow: 0px 0px 12px rgba(255, 175, 0, 0.5);
background: rgba(255, 175, 0, 0.2);
}
}
.aur-adminBadge {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(150, 0, 0, 0.15);
border: 1px solid #960000;
border-radius: 8px;
color: #960000;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0px 0px 8px rgba(150, 0, 0, 0.3);
pointer-events: auto;
i, svg, .fa--xf {
font-size: 24px !important;
color: #960000 !important;
width: 24px;
height: 24px;
}
&:hover {
box-shadow: 0px 0px 12px rgba(150, 0, 0, 0.5);
background: rgba(150, 0, 0, 0.2);
}
}
.aur-moderatorBadge {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(0, 100, 4, 0.15);
border: 1px solid #006404;
border-radius: 8px;
color: #006404;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0px 0px 8px rgba(0, 100, 4, 0.3);
pointer-events: auto;
i, svg, .fa--xf {
font-size: 24px !important;
color: #006404 !important;
width: 24px;
height: 24px;
}
&:hover {
box-shadow: 0px 0px 12px rgba(0, 100, 4, 0.5);
background: rgba(0, 100, 4, 0.2);
}
}
.aur-friendBadge {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(136, 61, 154, 0.15);
border: 1px solid #883d9a;
border-radius: 8px;
color: #883d9a;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0px 0px 8px rgba(136, 61, 154, 0.3);
pointer-events: auto;
i, svg, .fa--xf {
font-size: 24px !important;
color: #883d9a !important;
width: 24px;
height: 24px;
}
&:hover {
box-shadow: 0px 0px 12px rgba(136, 61, 154, 0.5);
background: rgba(136, 61, 154, 0.2);
}
}
.aur-activeBadge {
width: 50px;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(56, 99, 216, 0.15);
border: 1px solid #3863d8;
border-radius: 8px;
color: #3863d8;
text-decoration: none;
transition: all 0.2s ease;
box-shadow: 0px 0px 8px rgba(56, 99, 216, 0.3);
pointer-events: auto;
i, svg, .fa--xf {
font-size: 24px !important;
color: #3863d8 !important;
width: 24px;
height: 24px;
}
&:hover {
box-shadow: 0px 0px 12px rgba(56, 99, 216, 0.5);
background: rgba(56, 99, 216, 0.2);
}
}
.userBanner {display:none !important;}Важно! Убедитесь, что ID групп (3, 4, 5, 6, 7) соответствуют на форуме. Их можно проверить в разделе "Группы пользователей".(ПО ЖЕЛАНИЮ ЗАМЕНИТЬ)
Всем удачи! И успехов в наступающем году!
