Как изменить цвет "Команда форума" не фраза а цвет.
- Автор темы webone ♥
- Дата начала
never stress
- Дек
- 617
- 439
Заблокированный
CSS:
.userBanner--staff {
/* тут параметры */
}
Последнее редактирование модератором:
- Янв
- 71
- 3
Пользователь
и куда это вставить? вставил в extra.less с параметрами и не работает
- Июл
- 105
- 247
Заблокированный
Под какой цвет и стиль хочешь?
- Янв
- 71
- 3
Пользователь
- Июл
- 105
- 247
Заблокированный
Щас скину к примеру твой цвет yellow
- Июл
- 105
- 247
Заблокированный
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
- 247
Заблокированный
В
background: linear-gradient, меняй цвет баннера, там к примеру он разноцветный переливающийся
Последнее редактирование модератором:
- Май
- 1,051
- 541
Заблокированный
- Июл
- 105
- 247
Заблокированный
Анимации нема он переливается красками
- Май
- 1,051
- 541
Заблокированный
never stress
- Дек
- 617
- 439
Заблокированный
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 и больше ничего не надо):
он переливается туда сюда(белой-красной полосой)
- Окт
- 595
- 1,165
Заблокированный
Последнее редактирование модератором:
never stress
- Дек
- 617
- 439
Заблокированный
Последнее редактирование модератором:
- Окт
- 595
- 1,165
Заблокированный
Последнее редактирование модератором:
never stress
- Дек
- 617
- 439
Заблокированный
о дааа. цвет для staff же изменяется не в extra.less с его названием(я про userBanner--staff). Легко же через 'Группы пользователей'
- Окт
- 595
- 1,165
Заблокированный
2.2. Запрещено публиковать сообщения, разжигающие конфликты.
что ты несешь нахуй
never stress
- Дек
- 617
- 439
Заблокированный
высмеял твое 'просто color'