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

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

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

Зарегистрироваться!
Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,116
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP



Как, если через extra.less меняется цвет на всех ролях, а мне надо на определенной

Создавай тему поможем
 
Пользователь
Регистрация
13 Авг 2025
Сообщения
25
Как сделать чёрную полоску место белой и как изменить размер баннера
 
Пользователь
Регистрация
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 · Просмотры: 6
Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,116
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Я делал все как на видео
Не получилось
1756387311162.png

А у меня все получилось, создавай тему в xenforo вопрос/ответ помогу
 
Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,116
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Как сделать галочку у ника
тему создаем, не нужно тут спрашивать не по теме
 
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,126
Как сделать галочку у ника
Или использовать плагин Verifies Badge:
Или прописывать определённой группе пользователей в экстру код:
 
Пользователь
Регистрация
17 Авг 2025
Сообщения
8
Пользователь
Регистрация
27 Авг 2025
Сообщения
21
Эти баннеры к какому стилю подходят и с какими стилями работает это все
 
Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,116
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Эти баннеры к какому стилю подходят и с какими стилями работает это все
ко всем стилям
 
Пользователь
Регистрация
27 Авг 2025
Сообщения
21
а как остальные баннеры создавать, свои, для остальных должностей
 
Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,116
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
а как остальные баннеры создавать, свои, для остальных должностей
название просто меняйте в роли
 
Профессионал
Регистрация
30 Ноя 2024
Сообщения
1,126
не дак я и свои градиенты хочу позаливать и сделать, не просто же названия баннеров менять
Ну вбейте в итернете, какая строчка кода за что отвечает. Поймёте это и меняйте их под себя
 
Пользователь
Регистрация
27 Авг 2025
Сообщения
21
Ну вбейте в итернете, какая строчка кода за что отвечает. Поймёте это и меняйте их под себя
Я имею ввиду про баннеры такого же формата, есть только 3 баннера, а как сделать такие же, только с другими градиентами, я попытался вчера сделать баннер из 4 цветов, красный, жёлтый, зелёный и голубой и почему то, мне вывело в io дарк стиле только зелёный без градиента, код писал такой же, как и в админ, модер, но не сработало
 
Пользователь
Регистрация
27 Авг 2025
Сообщения
21
Забейте, я понял в чем моя ошибка и смог сделать ещё баннеры групп
 
Сверху