Решено Поиск баннеров Harsh Russia(New)

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

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Статус
В этой теме нельзя размещать новые ответы.
Пользователь
Регистрация
23 Мар 2025
Сообщения
38
Дайте кто-нибудь баннеры суровки которые новые самые
 
Решение
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-radius: 30px;
        background: linear-gradient(270deg, #f00, #ff6347, #f00);
        background-size: 900% 900%
    }
    
    &.ga, &.zga
    {
        background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500);
    }
    
    &.userhr
    {
        background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981);
    }
    
    &.spec
    {
        background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00);
    }
    
    &.gs, &.zgs
    {...
Команда форума
Модератор
Регистрация
4 Ноя 2024
Сообщения
688
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-radius: 30px;
        background: linear-gradient(270deg, #f00, #ff6347, #f00);
        background-size: 900% 900%
    }
    
    &.ga, &.zga
    {
        background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500);
    }
    
    &.userhr
    {
        background-image: linear-gradient(270deg, #878a88, #7b73a5, #648981);
    }
    
    &.spec
    {
        background-image: linear-gradient(270deg, #8b0000, #dc143c, #f00);
    }
    
    &.gs, &.zgs
    {
        background-image: linear-gradient(270deg, #1e90ff, #00008b, #1e90ff);
    }
    
    &.moderforum
    {
        background-image: linear-gradient(270deg, #bdb76b, #bdb76b, #bdb76b);
    }
    
    &.admin
    {
        background-image: linear-gradient(270deg, #006400, #00ff7f, #008000);
    }
    
    &.snickers, &.sponsor, &.gab, &.pm, &.ppm, &.legenda
    {
        background-image: linear-gradient(270deg, #f0f, #d2691e, #ff0);
    }
    
    &.serv1, &.serv2, &.sopg
    {
        background-image: linear-gradient(270deg, #ffa500, #ff8c00, #ff8c00);
    }
    
    &.ryk, &.prp, &.hrrazrab
    {
        background-image: linear-gradient(270deg, #f00, #f00, #f00);
    }
    
    &.leader
    {
        background-image: linear-gradient(270deg, #40e0d0, #40e0d0, #40e0d0);
    }
    
    &.sledfamily
    {
        background-image: linear-gradient(270deg, #32cd32, #32cd32, #32cd32);
    }
    
    &.rt
    {
        background-image: linear-gradient(270deg, #008000, #008000, #008000);
    }
    
    &.tm
    {
        background-image: linear-gradient(270deg, #8b0000, #f00, #f00);
    }
    
    &.prt
    {
        background-image: linear-gradient(270deg, #ffa500, #ffa500, #ffa500);
    }
    
    &.ka
    {
        background-image: linear-gradient(270deg, #9932cc, #9400d3, #9932cc);
    }
    
    &.sgoss
    {
        background-image: linear-gradient(270deg, #00f, #00f, #00f);
    }
    
    &.ban
    {
        background-image: linear-gradient(270deg, #000, #000, #000);
    }
    
    &.nuser
    {
        background-image: linear-gradient(270deg, #000, #ff0, #000);
    }
    
    &.luser, &.auser
    {
        background-image: linear-gradient(270deg, #0ff, #4682b4, #0ff)
    }
    
    &.mest
    {
        background-image: linear-gradient(270deg, #4b0082, #f0f, #4b0082);
    }
    
    &.ovolk
    {
        background-image: linear-gradient(270deg, #800000, #a52a2a, #800000);
    }
    
    &.sledhelper
    {
        background-image: linear-gradient(270deg, #eee8aa, #eee8aa, #eee8aa);
    }
    
    &.media, &.spiker
    {
        background-image: linear-gradient(270deg, #ffe4b5, #ffe4b5, #ffe4b5);
    }
}

@keyframes AnimBanner {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
 
Статус
В этой теме нельзя размещать новые ответы.
Сверху