Добавляем Font Awesome в баннеры групп

Добавляем Font Awesome в баннеры групп.
Совместимость с XenForo
XenForo 1.2
,
XenForo 1.3
,
XenForo 1.4
,
XenForo 1.5
Для добавления своей иконки Font Awesome к стандартному баннеру группы, достаточно просто в шаблон EXTRA.css прописать такое:

Код:
.userBanner.bannerRed:before {
    content: "\f132";
    font-family: FontAwesome;
    padding-right: 4px;
}
Пример стандартного красного баннера для группы:
1.png


Пример
2.png


Для создания своего баннера в шаблон EXTRA.css добавить:

Код:
userBanner.supmod {
    color: white;
    background-color: purple;
    border-color: #7515a5;
}
.userBanner.supmod:before {
        content: "\f013";
        font-family: FontAwesome;
        padding-right: 4px;
}
И в выборе оформления баннера пользователя выбираем "Другой, использующий своё имя CSS-класса" - в поле прописываем:
Код:
userBanner supmod
Получаем такой баннер:

3.png
Автор
Next
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок

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

  • XF2 [8WR] XenPorta 2 (Portal) PRO
    XF2 [8WR] XenPorta 2 (Portal) PRO
    Портал для XenForo 2
  • Similar threads
    Similar threads
    Отображение похожих тем при просмотре темы / при создании новой темы
  • Elasticsearch
    Elasticsearch
    Просмотр информации об индексе ElasticSearch для администратора
  • New thread email admin
    New thread email admin
    Плагин отправит уведомление на E-mail администратору или другому члену команды о новой теме.
  • New members
    New members
    Плагин позволит команде форума увидеть информацию о новых пользователях.