Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

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

Янв
1,412
2,129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP



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

Создавай тему поможем
 
Авг
127
24
Пользователь
Как сделать чёрную полоску место белой и как изменить размер баннера
 
Авг
8
3
Пользователь
Заходим в шаблон 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 · Просмотры: 10
Янв
1,412
2,129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Я делал все как на видео
Не получилось
1756387311162.png

А у меня все получилось, создавай тему в xenforo вопрос/ответ помогу
 
Янв
1,412
2,129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Как сделать галочку у ника
тему создаем, не нужно тут спрашивать не по теме
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,111
1,357
Профессионал
Как сделать галочку у ника
Или использовать плагин Verifies Badge:
Или прописывать определённой группе пользователей в экстру код:
 
Авг
81
14
Пользователь
Эти баннеры к какому стилю подходят и с какими стилями работает это все
 
Янв
1,412
2,129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Эти баннеры к какому стилю подходят и с какими стилями работает это все
ко всем стилям
 
Авг
81
14
Пользователь
а как остальные баннеры создавать, свои, для остальных должностей
 
Янв
1,412
2,129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
а как остальные баннеры создавать, свои, для остальных должностей
название просто меняйте в роли
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,111
1,357
Профессионал
не дак я и свои градиенты хочу позаливать и сделать, не просто же названия баннеров менять
Ну вбейте в итернете, какая строчка кода за что отвечает. Поймёте это и меняйте их под себя
 
Авг
81
14
Пользователь
Ну вбейте в итернете, какая строчка кода за что отвечает. Поймёте это и меняйте их под себя
Я имею ввиду про баннеры такого же формата, есть только 3 баннера, а как сделать такие же, только с другими градиентами, я попытался вчера сделать баннер из 4 цветов, красный, жёлтый, зелёный и голубой и почему то, мне вывело в io дарк стиле только зелёный без градиента, код писал такой же, как и в админ, модер, но не сработало
 
Авг
81
14
Пользователь
Забейте, я понял в чем моя ошибка и смог сделать ещё баннеры групп
 
Сверху