Картинки хорошо, но вот ресурсы с баннерами изображением без исходника PSD, мало имеют смысла, так как содержат только уже готовые названия групп, которые не всегда есть на другом форуме.
Предварительно сделаны логотипы для серверов:
- 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
Скачиваем архив и содержимое папки upload, заливаем на форум.
В extra.less стиля или с помощью модификации шаблона, добавляем:
*** Скрытый текст не может быть процитирован. ***
В коде уже предусмотрены несколько баннеров для групп, для команды форума, админа, модера, зарегистрированного, проверенного, премиум и заблокированного. В настройках группы указываем свой класс CSS, к примеру для админа:
Посмотреть вложение 28283Посмотреть вложение 28284Посмотреть вложение 28285
Цвета баннеров указаны в коде:
&admin {
.svg-uBVariation(#fff, #d80000);
.gradientUserBanner();
}
Где #fff - цвет текста, #d80000 - цвет фона.
Для баннеров можно добавить градиент фона, для этого указать два цвета в свойстве .gradientUserBanner();, например:
&admin {
.svg-uBVariation(#fff, #d80000);
.gradientUserBanner(#ED213A, #93291E);
}
Посмотреть вложение 28288Посмотреть вложение 28287Посмотреть вложение 28286
Так же можно изменить направление цветов градиента:
&admin {
.svg-uBVariation(#fff, #d80000);
.gradientUserBanner(#ED213A, #93291E, top);
}
Посмотреть вложение 28289Посмотреть вложение 28290Посмотреть вложение 28291
Как писал выше, можно изменить логотип сервера:
@logoImages: 'diamond-logo.png'; // Изображение логотипа (указывать в кавычках)
Изменить размер логотипа:
@logoSize: 16px; // Размер логотипа
Прозрачность логотипа:
@logoOpacity: 70%; // Прозрачность логотипа (100% - непрозрачный, 0% - прозрачный)