Welcome!

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

SignUp Now!

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

Янв
71
2
Пользователь
Как изменить цвет "Команда форума" не фраза а цвет.
 
never stress
Дек
616
422
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
CSS:
.userBanner--staff {
/* тут параметры */
}
 
Последнее редактирование модератором:
Июл
105
201
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
и куда это вставить? вставил в extra.less с параметрами и не работает
Под какой цвет и стиль хочешь?
 
Июл
105
201
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
цвет например yellow

стиль без разницы
Щас скину к примеру твой цвет yellow
 
Июл
105
201
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
CSS:
.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
}
 
Последнее редактирование модератором:
Июл
105
201
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
.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, меняй цвет баннера, там к примеру он разноцветный переливающийся
 
Последнее редактирование модератором:
Май
962
441
Пользователь
а вставить куда
в 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???)

 
Июл
105
201
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
в extra.less

OFFTOP

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

Анимации нема он переливается красками
 
never stress
Дек
616
422
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
css:
.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 и больше ничего не надо):

1771507616709.png
он переливается туда сюда(белой-красной полосой)
 
never stress
Дек
616
422
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
выше дающие ответ гениальные пользователи интернета.
иван золо умный
OFFTOP


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

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

 
Последнее редактирование модератором:
Окт
572
1,073
Активный
OFFTOP

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

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

 
Последнее редактирование модератором:
never stress
Дек
616
422
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
научись правильно читать

был бы у тебя разум - ты сказал бы что цвет меняется в строчке с color
о дааа. цвет для staff же изменяется не в extra.less с его названием(я про userBanner--staff). Легко же через 'Группы пользователей'
 
never stress
Дек
616
422
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
что ты несешь нахуй
высмеял твое 'просто color'
 
Сверху