Как изменить цвет "Команда форума" не фраза а цвет.

[webone ♥]

Как изменить цвет "Команда форума" не фраза а цвет.

 

[heartless]

.userBanner--staff {
/* тут параметры */
}

 

[webone ♥]

.userBanner--staff {
тут параметры
}

и куда это вставить? вставил в extra.less с параметрами и не работает

 

[Roman Brabus]

и куда это вставить? вставил в extra.less с параметрами и не работает

Под какой цвет и стиль хочешь?

 

[webone ♥]

Под какой цвет и стиль хочешь?

цвет например yellow

стиль без разницы

 

[Roman Brabus]

цвет например yellow

стиль без разницы

Щас скину к примеру твой цвет yellow

 

[Roman Brabus]

.userBanner.userBanner--staff {
    padding: 4px 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85);
    background-size: 500% 500%;
    box-shadow: 0 8px 28px rgba(255,0,128,0.8);
    border: 1px solid rgba(255,255,255,0.4);
    animation: gradientShift 6s ease-in-out infinite;
    transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

 

[Roman Brabus]

.userBanner.userBanner--staff {
padding: 4px 12px;
border-radius: 10px;
display: inline-flex;
align-items: center;
background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85);
background-size: 500% 500%;
box-shadow: 0 8px 28px rgba(255,0,128,0.8);
border: 1px solid rgba(255,255,255,0.4);
animation: gradientShift 6s ease-in-out infinite;
transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

В background: linear-gradient, меняй цвет баннера, там к примеру он разноцветный переливающийся

 

[webone ♥]

а вставить куда

 

[unloadmod]

а вставить куда

в extra.less

.userBanner.userBanner--staff {
padding: 4px 12px;
border-radius: 10px;
display: inline-flex;
align-items: center;
background: linear-gradient(120deg, #ff0080, #7f00ff, #00ffd5, #00ff85);
background-size: 500% 500%;
box-shadow: 0 8px 28px rgba(255,0,128,0.8);
border: 1px solid rgba(255,255,255,0.4);
animation: gradientShift 6s ease-in-out infinite;
transition: transform .3s ease,box-shadow .3s ease,filter .3s ease
}

OFFTOP

а где сама анимация собственно? (@keyframes???)

 

[Roman Brabus]

в extra.less

OFFTOP

а где сама анимация собственно? (@keyframes???)

Анимации нема он переливается красками

 

[unloadmod]

Анимации нема он переливается красками

OFFTOP

чт

 

[heartless]

.userBanner.userBanner--staff,.userBanner.userBanner--primary {
    position: relative;
    padding: 10px 25px;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    border: none;
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    overflow: hidden;
    z-index: 1;
    color: #ffffff !important;
    background: linear-gradient(90deg, #4b0000, #ff4d4d, #900, #ff4d4d, #4b0000);
    background-size: 200% 200% !important;
    animation: staffFastGradient 3s linear infinite !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5)
}

.userBanner.userBanner--staff::before,.userBanner.userBanner--primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,255,255,0.1) 5px, rgba(255,255,255,0.05) 10px);
    animation: staffPattern 8s linear infinite;
    pointer-events: none
}

.userBanner.userBanner--staff::after,.userBanner.userBanner--primary::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 8px #fff;
    animation: staffDot 1s infinite
}
@keyframes staffFastGradient {
    0% {
        background-position: 0% 50%
    }

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

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

@keyframes staffPattern {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes staffDot {
    0%,100% {
        opacity: 0.5;
        transform: translateY(-50%) scale(.9)
    }

    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.2)
    }
}

Используй css code выше и будет так(код вставлять в extra.less и больше ничего не надо):


он переливается туда сюда(белой-красной полосой)

 

[Platon Pluxury]

OFFTOP

выше дающие ответ гениальные пользователи интернета.
иван золо умный

 

[heartless]

выше дающие ответ гениальные пользователи интернета.
иван золо умный

OFFTOP

вот он, самый ярый фанат 'современных прикольчиков'. Ну ты смехуятину закинул

Если не нравится - предлагай. каждый может дать оценку, но не каждый ПРАВИЛЬНЫЙ совет...

 

[Platon Pluxury]

OFFTOP

вот он, самый ярый фанат 'современных прикольчиков'. Ну ты смехуятину закинул

Если не нравится - предлагай. каждый может дать оценку, но не каждый ПРАВИЛЬНЫЙ совет...

научись правильно читать

Как изменить цвет "Команда форума" не фраза а цвет.

был бы у тебя разум - ты сказал бы что цвет меняется в строчке с color

 

[heartless]

научись правильно читать

был бы у тебя разум - ты сказал бы что цвет меняется в строчке с color

о дааа. цвет для staff же изменяется не в extra.less с его названием(я про userBanner--staff). Легко же через 'Группы пользователей'

 

[Platon Pluxury]

Легко же через 'Группы пользователей'

что ты несешь нахуй

 

[heartless]

что ты несешь нахуй

высмеял твое 'просто color'

 

[unloadmod]

OFFTOP

поцоны я щя кушаю и мне интересно наблюдать
#мирнебездобрыхлюдей