Анимированный градиентный баннер.

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
Пользователь
Регистрация
13 Авг 2025
Сообщения
16
Как сделать чёрную полоску место белой и как изменить размер баннера
 
Пользователь
Регистрация
17 Авг 2025
Сообщения
8
Заходим в шаблон 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;  
        background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
        background-size: 900% 900%;
    }
    &.admin {
        background-image: linear-gradient(270deg, #ff0000, #dc00ff, #ff9400);
    }
    &.moder {
        background-image: linear-gradient(270deg, #01a72c, #df841a, #468153);
    }
    &.user {
        background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981);
    }
}

@keyframes AnimBanner {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
Заходим в настройку группы, тем которым хотите выдать градиентный баннер.
Вписывайте в "CSS-класс":
Код:
userBanner admin

giphy.gif
Я делал все как на видео
Не получилось
 

Вложения

  • Screenshot_2025-08-28-16-14-32-871_com.android.chrome.jpg
    Screenshot_2025-08-28-16-14-32-871_com.android.chrome.jpg
    219.4 KB · Просмотры: 4
Профессионал
Регистрация
30 Ноя 2024
Сообщения
785
Как сделать галочку у ника
Или использовать плагин Verifies Badge:
Или прописывать определённой группе пользователей в экстру код:
 
Пользователь
Регистрация
17 Авг 2025
Сообщения
8
Пользователь
Регистрация
27 Авг 2025
Сообщения
3
Эти баннеры к какому стилю подходят и с какими стилями работает это все
 
Пользователь
Регистрация
27 Авг 2025
Сообщения
3
а как остальные баннеры создавать, свои, для остальных должностей
 
Сверху