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

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

  1. Next
    Совместимость с 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
Поделиться этой страницей в