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

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

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

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



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

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

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