- 20.06.2022
- 23 845
- 218
- 36
- Награды
- 10
- Пол
- Муж.
Репутация:
- Автор темы
- Администратор
- Модератор
- Команда форума
- #1
Картинки хорошо, но вот ресурсы с баннерами изображением без исходника PSD, мало имеют смысла, так как содержат только уже готовые названия групп, которые не всегда есть на другом форуме.
Предварительно сделаны логотипы для серверов:
В extra.less стиля или с помощью модификации шаблона, добавляем:
В коде уже предусмотрены несколько баннеров для групп, для команды форума, админа, модера, зарегистрированного, проверенного, премиум и заблокированного. В настройках группы указываем свой класс CSS, к примеру для админа:
Цвета баннеров указаны в коде:
Где #fff - цвет текста, #d80000 - цвет фона.
Для баннеров можно добавить градиент фона, для этого указать два цвета в свойстве .gradientUserBanner();, например:
Так же можно изменить направление цветов градиента:
Как писал выше, можно изменить логотип сервера:
Изменить размер логотипа:
Прозрачность логотипа:
Предварительно сделаны логотипы для серверов:
- Arizona RP - arizona-logo.png
- NextRP - next-logo.png
- Evolve RP - evolve-logo.png
- Diamond RP - diamond-logo.png
- Radmir RP - radmir-logo.png
- Paradox RP - paradox-logo.png
- Revent RP - revent-logo.png
- BlackRussia - blackrussia-logo.png
- Матрешка RP - matreshka-logo.png
- Monser DeathMatch - monser-logo.png
В extra.less стиля или с помощью модификации шаблона, добавляем:
Скрытое содержимое доступно для зарегистрированных пользователей!
В коде уже предусмотрены несколько баннеров для групп, для команды форума, админа, модера, зарегистрированного, проверенного, премиум и заблокированного. В настройках группы указываем свой класс CSS, к примеру для админа:
CSS:
userBanner userBanner--admin
Цвета баннеров указаны в коде:
Less::
&admin {
.svg-userBannerVariation(#fff, #d80000);
.gradientUserBanner();
}
Где #fff - цвет текста, #d80000 - цвет фона.
Для баннеров можно добавить градиент фона, для этого указать два цвета в свойстве .gradientUserBanner();, например:
Less::
&admin {
.svg-userBannerVariation(#fff, #d80000);
.gradientUserBanner(#ED213A, #93291E);
}
Так же можно изменить направление цветов градиента:
Less::
&admin {
.svg-userBannerVariation(#fff, #d80000);
.gradientUserBanner(#ED213A, #93291E, top);
}
Как писал выше, можно изменить логотип сервера:
Less::
@logoImages: 'diamond-logo.png'; // Изображение логотипа (указывать в кавычках)
Less::
@logoSize: 16px; // Размер логотипа
Прозрачность логотипа:
Less::
@logoOpacity: 70%; // Прозрачность логотипа (100% - непрозрачный, 0% - прозрачный)
Вложения
Последние темы в этом разделе:
- Шапка в снежной анимации на лого в Xenforo
- Делаем Уникальный баннер «Основатель» для Xenforo
- Все баннеры проекта Rodina RP для xenforo
- Слив баннеры групп Crystal Russsia для Xenforo
- Баннеры форума Crystal Russsia ставим на xenforo
- Обводка групп пользователя xenforo
- Прикольные баннеры для групп пользователей в Xenforo
- Box name рядом с ником для xenforo
- Делаем баннеры с Русь RP для xenforo
- Ставим баннеры проекта CRMP Online для xenforo