Второстепенные баннеры групп

Второстепенные баннеры групп 2.2.5

Нет прав для скачивания
Совместимость с XenForo
  1. 2.2
Часто на форумах у пользователей отображается куча баннеров, нужных и не нужных, как мне, то это не очень нравится, я понимаю, что надо отобразить все статусы пользователя, поэтому сделал это компактно:
Запись_2021_06_03_08_26_13_991.gif

Хотел изначально сделать просто мануал и описать необходимые действия, какие модификации делать и настройки, но потом собрал в плагин.
Для начала устанавливаем скачанный отсюда плагин, потом этот [BS] Clone User Group, дальше объясню для чего второй.
Заходим в настройки пользователя, Баннеры пользователя и устанавливаем так:
2021-06-03_084354.png

Если не надо отображение баннера команды, убираем галочки Показать баннер члена команды и Показывать баннер члена команды и групп.
Идем в настройки групп. Я для начала добавил две группы, Проверенный и Заблокированный, настроил их как надо с форматированием имени и отображением баннеров для них. Естественно настроил тоже самое и с дефолтными группами.
Как бы эти группы, Администратор, Модератор, Зарегистрированный, Проверенный и Заблокированный, будут иметь свой цвет ников и свой баннер групп.
Теперь сделаем третичные :) группы, для которых у нас будут настроены свои баннеры.
Для клонирования прав мы установили Clone User Group, что бы быстро создать группы с идентичными правами. Я сделал третичные группы с правами зарегистрированных, просто напротив группы жмем кнопку Копировать и создается идентичная группа, только вносим изменения
2021-06-03_085512.png

Как видим создана группа Копирайтер, в принципе вообще без настроек :) только унаследованы права группы зарегистрированных.
Так я сделал четыре группы, Копирайтер, Дизайнер, Программист и Инструктор.
Теперь идем в настройки [SVG]Tertiary Group Banners и там в поле Шаблон баннеров групп, создаем баннеры для этих групп как в примере:
Код:
<xf:if is="$user.isMemberOf(7)">
    <span class="tertiaryGroup designer" data-xf-init="tooltip" title="Дизайнер">
        <span class="fa-stack fa-2x">
            <i class="far far fa-circle fa-stack-2x"></i>
            <i class="fas fa-paint-brush fa-stack-1x"></i>
        </span>
    </span>
</xf:if>
где условие для определенной группы, 7 - это id группы, класс tertiaryGroup должен быть неизменным, а designer, это класс баннера, его можно изменить, ниже укажу где он будет использоваться. Как заметили для баннера используется двойная иконка stack Font Awesome. Первое значение:
Код:
<i class="far far fa-circle fa-stack-2x"></i>
не трогаем, это круг вокруг второй иконки, а вот вторую можно менять на свое усмотрение.
Так же можете посмотреть документацию по этим иконкам
И так, сделали сколько надо баннеров, теперь переходим в поле ниже и там добавляем для каждого по примеру:
Код:
.tertiaryGroupBanners(designer, #1DABB8);
где указываем класс вашего баннера, в примере - designer и его цвет - #1DABB8
Есть в настройках стиля тоже настройки для баннеров, там можно изменить размер шрифта иконок, отключить обводку, изменить ее цвет и добавить свой код, ну к примеру вы захотите использовать свои картинки, это в принципе решаемо, но надо иметь немного знаний.
Да, чуть не забыл, надо у пользователей указать эти дополнительные группы:
2021-06-03_100116.png
  • 2021-06-03_092024.png
    2021-06-03_092024.png
    114.2 KB · Просмотры: 232
  • 2021-06-03_092056.png
    2021-06-03_092056.png
    12.2 KB · Просмотры: 244
  • 2021-06-03_092122.png
    2021-06-03_092122.png
    493.7 KB · Просмотры: 227
  • 2021-06-03_092151.png
    2021-06-03_092151.png
    82.6 KB · Просмотры: 242
Автор
Skaiman
Скачивания
39
Просмотры
2,352
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок

Другие ресурсы пользователя Skaiman

Поделиться ресурсом

Назад
Сверху Снизу