banner

Данное решение подойдет, как для префиксов тем, так и для баннеров пользователей. @svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов @svgPrefixColorGradient: rgba(0,0,0,0); // Цвет градиента прификса (не используется) @svgPrefixTextShadow: rgba(0,0,0,0); // Цвет...

Скачиваем архив и заливаем на форум. В extra.less используем этот код: Для примера уже сделаны основные группы, для отображения баннера надо указать в настройках группы, в поле Другой, используя своё имя CSS-класса, например для администратора: userBanner userBanner--admin Код less для...

Создаем модификацию шаблона app_user_banners.less: Ключ модификации: app_user_banners.less Тип поиска: Регулярное выражение Найти: #^.*$#su Заменить: .m-userBannerVariation(@color; @bg; @border: false) { color: @color; background-size: 2.5em 2.5em; background-image...

Сделаны в формате SVG. CSS код который использовался под эти баннера, вставлять его нужно в шаблон extra.less. // Fix // .message-cell.message-cell--user { flex: 0 0 200px; } .message-cell.message-cell--user, .message-cell.message-cell--action { position: relative; background...

В настройке группы выбираем свой CSS стиль баннера. Указываем arzuser или arzga и т.д. В extra.less добавляем следующий код: .arzuser{ background: url(путь к файлу/user.svg); width: 169px; height: 35px; font-size: 0px; background-repeat: no-repeat; background-position...

Отлично подойдёт для форумов с тематикой GTA SA

Добавляем в extra.less: .userBanner { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 65%; padding: 3px 6px; background-size: 600% 600%; animation: AnimBanner 10s ease infinite; &.userBanner--staff { color: #fff; border: none...