Welcome!

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

SignUp Now!

Решено Можете дать css ников с этого форума

Статус
В этой теме нельзя размещать новые ответы.
Май
154
18
Пользователь
Можете дать ещё css ников с этого форума
Форум: forum.cq-rp.ru
 
Решение
Так мне нужно цвет ников а не extra.less
css:
.username--style2 {
    font-weight: 500;
    background: linear-gradient(90deg, #1a1a1a, #808080, #b0b0b0, #808080, #1a1a1a);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 3s ease infinite;
    text-shadow: 0 0 4px #808080
}

.username--style3 {
    font-weight: 600;
    background: linear-gradient(90deg, #2b0000, #8b0000, #f00, #8b0000, #2b0000);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradientShift 3s ease infinite;
    text-shadow: 0 0 8px #8b0000,0 0 15px #4b0000
}

.username--style5 {
    font-weight: 600...
czaja.ru
Ноя
2,727
6,229
Профессионал
CSS:
.owner {
  background:linear-gradient(90deg, #4b0000, #f00, #4b0000)
}
.so_owner {
  background:linear-gradient(90deg, #600, #ff4d4d, #600)
}
.director {
  background:linear-gradient(90deg, #7b001c, #ed4830, #600)
}
.ryk {
  background:linear-gradient(90deg, #1a0033, #4b0082, #1a0033)
}
.zam_ryk {
  background:linear-gradient(90deg, #310054, #8a2be2, #310054)
}
.gts {
  background:linear-gradient(90deg, #4d2600, #ff8c00, #4d2600)
}
.zgts {
  background:linear-gradient(90deg, #630, #ffa500, #630)
}
.spec_adm {
  background:linear-gradient(90deg, #4d0026, #ff0080, #4d0026)
}
.zsa {
  background:linear-gradient(90deg, #603, #ff66b2, #603)
}
.ypr_serv {
  background:linear-gradient(90deg, #002d2d, #008b8b, #002d2d)
}
.zypr {
  background:linear-gradient(90deg, #004d4d, #00fa9a, #004d4d)
}
.kyrator {
  background:linear-gradient(90deg, #066, #7fffd4, #066)
}
.ga {
  background:linear-gradient(90deg, #002b00, #008000, #002b00)
}
.zga {
  background:linear-gradient(90deg, #040, #32cd32, #040)
}
.gs {
  background:linear-gradient(90deg, #001a4d, #1e90ff, #001a4d)
}
.zgs {
  background:linear-gradient(90deg, #000d26, #00f, #000d26)
}
.st_adm {
  background:linear-gradient(90deg, #004d66, #00bfff, #004d66)
}
.adm {
  background:linear-gradient(90deg, #006680, #87ceeb, #006680)
}
.ml_adm {
  background:linear-gradient(90deg, #08a, #add8e6, #08a)
}
.moder {
  background:linear-gradient(90deg, #4d3d00, #daa520, #4d3d00)
}
.ml_moder {
  background:linear-gradient(90deg, #664f00, #ff0, #664f00)
}
.helper {
  background:linear-gradient(90deg, #222, #aaa, #222)
}
.leader {
  background:linear-gradient(90deg, #2b1600, #8b4513, #2b1600)
}
.user {
  background:linear-gradient(90deg, #1a1a1a, #808080, #1a1a1a)
}
 
never stress
Дек
476
268
Активный
CSS:
.owner {
  background:linear-gradient(90deg, #4b0000, #f00, #4b0000)
}
.so_owner {
  background:linear-gradient(90deg, #600, #ff4d4d, #600)
}
.director {
  background:linear-gradient(90deg, #7b001c, #ed4830, #600)
}
.ryk {
  background:linear-gradient(90deg, #1a0033, #4b0082, #1a0033)
}
.zam_ryk {
  background:linear-gradient(90deg, #310054, #8a2be2, #310054)
}
.gts {
  background:linear-gradient(90deg, #4d2600, #ff8c00, #4d2600)
}
.zgts {
  background:linear-gradient(90deg, #630, #ffa500, #630)
}
.spec_adm {
  background:linear-gradient(90deg, #4d0026, #ff0080, #4d0026)
}
.zsa {
  background:linear-gradient(90deg, #603, #ff66b2, #603)
}
.ypr_serv {
  background:linear-gradient(90deg, #002d2d, #008b8b, #002d2d)
}
.zypr {
  background:linear-gradient(90deg, #004d4d, #00fa9a, #004d4d)
}
.kyrator {
  background:linear-gradient(90deg, #066, #7fffd4, #066)
}
.ga {
  background:linear-gradient(90deg, #002b00, #008000, #002b00)
}
.zga {
  background:linear-gradient(90deg, #040, #32cd32, #040)
}
.gs {
  background:linear-gradient(90deg, #001a4d, #1e90ff, #001a4d)
}
.zgs {
  background:linear-gradient(90deg, #000d26, #00f, #000d26)
}
.st_adm {
  background:linear-gradient(90deg, #004d66, #00bfff, #004d66)
}
.adm {
  background:linear-gradient(90deg, #006680, #87ceeb, #006680)
}
.ml_adm {
  background:linear-gradient(90deg, #08a, #add8e6, #08a)
}
.moder {
  background:linear-gradient(90deg, #4d3d00, #daa520, #4d3d00)
}
.ml_moder {
  background:linear-gradient(90deg, #664f00, #ff0, #664f00)
}
.helper {
  background:linear-gradient(90deg, #222, #aaa, #222)
}
.leader {
  background:linear-gradient(90deg, #2b1600, #8b4513, #2b1600)
}
.user {
  background:linear-gradient(90deg, #1a1a1a, #808080, #1a1a1a)
}
тут не все прописано
 
never stress
Дек
476
268
Активный
Css code:
.userBanner.owner,.userBanner.so_owner,.userBanner.director,.userBanner.ryk,.userBanner.zam_ryk,.userBanner.gts,.userBanner.zgts,.userBanner.spec_adm,.userBanner.zsa,.userBanner.ypr_serv,.userBanner.zypr,.userBanner.kyrator,.userBanner.ga,.userBanner.zga,.userBanner.gs,.userBanner.zgs,.userBanner.st_adm,.userBanner.adm,.userBanner.ml_adm,.userBanner.moder,.userBanner.ml_moder,.userBanner.helper,.userBanner.leader,.userBanner.user {
    position: relative;
    padding: 10px 25px;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff !important;
    border: none;
    text-align: center;
    clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
    overflow: hidden;
    z-index: 1;
    background-size: 200% 200% !important;
    animation: fastGradient 3s linear infinite !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    display: inline-block
}

.userBanner.owner::before,.userBanner.so_owner::before,.userBanner.director::before,.userBanner.ryk::before,.userBanner.zam_ryk::before,.userBanner.gts::before,.userBanner.zgts::before,.userBanner.spec_adm::before,.userBanner.zsa::before,.userBanner.ypr_serv::before,.userBanner.zypr::before,.userBanner.kyrator::before,.userBanner.ga::before,.userBanner.zga::before,.userBanner.gs::before,.userBanner.zgs::before,.userBanner.st_adm::before,.userBanner.adm::before,.userBanner.ml_adm::before,.userBanner.moder::before,.userBanner.ml_moder::before,.userBanner.helper::before,.userBanner.leader::before,.userBanner.user::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.05) 5px, rgba(255,255,255,0.05) 10px);
    animation: patternMove 10s linear infinite
}

.userBanner.owner::after,.userBanner.so_owner::after,.userBanner.director::after,.userBanner.ryk::after,.userBanner.zam_ryk::after,.userBanner.gts::after,.userBanner.zgts::after,.userBanner.spec_adm::after,.userBanner.zsa::after,.userBanner.ypr_serv::after,.userBanner.zypr::after,.userBanner.kyrator::after,.userBanner.ga::after,.userBanner.zga::after,.userBanner.gs::after,.userBanner.zgs::after,.userBanner.st_adm::after,.userBanner.adm::after,.userBanner.ml_adm::after,.userBanner.moder::after,.userBanner.ml_moder::after,.userBanner.helper::after,.userBanner.leader::after,.userBanner.user::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px #fff,0 0 10px #fff;
    animation: dotPulse 1.5s infinite
}

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

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

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

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

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

@keyframes dotPulse {
    0% {
        opacity: 0.4;
        transform: translateY(-50%) scale(.8)
    }

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

    100% {
        opacity: 0.4;
        transform: translateY(-50%) scale(.8)
    }
}

.owner {
    background: linear-gradient(90deg, #2a0000, #f00, #2a0000)
}

.so_owner {
    background: linear-gradient(90deg, #3a0000, #ff4d4d, #3a0000)
}

.director {
    background: linear-gradient(90deg, #4a0010, #ff5f40, #4a0010)
}

.ryk {
    background: linear-gradient(90deg, #120024, #9d4edd, #120024)
}

.zam_ryk {
    background: linear-gradient(90deg, #1e003a, #bf5af2, #1e003a)
}

.gts {
    background: linear-gradient(90deg, #2d1600, #ff9f0a, #2d1600)
}

.zgts {
    background: linear-gradient(90deg, #3a1d00, #ffb347, #3a1d00)
}

.spec_adm {
    background: linear-gradient(90deg, #300018, #ff2d55, #300018)
}

.zsa {
    background: linear-gradient(90deg, #400020, #ff66b2, #400020)
}

.ypr_serv {
    background: linear-gradient(90deg, #001f1f, #00d2d2, #001f1f)
}

.zypr {
    background: linear-gradient(90deg, #002d2d, #30ffd0, #002d2d)
}

.kyrator {
    background: linear-gradient(90deg, #003a3a, #64ffda, #003a3a)
}

.ga {
    background: linear-gradient(90deg, #001a00, #34c759, #001a00)
}

.zga {
    background: linear-gradient(90deg, #002b00, #32d74b, #002b00)
}

.gs {
    background: linear-gradient(90deg, #001030, #0a84ff, #001030)
}

.zgs {
    background: linear-gradient(90deg, #00081a, #5e5ce6, #00081a)
}

.st_adm {
    background: linear-gradient(90deg, #002a3a, #64d2ff, #002a3a)
}

.adm {
    background: linear-gradient(90deg, #003a4d, #70dcff, #003a4d)
}

.ml_adm {
    background: linear-gradient(90deg, #004a5a, #a6edff, #004a5a)
}

.moder {
    background: linear-gradient(90deg, #2d2400, #ffd60a, #2d2400)
}

.ml_moder {
    background: linear-gradient(90deg, #3a2e00, #fff200, #3a2e00)
}

.helper {
    background: linear-gradient(90deg, #1a1a1a, #636366, #1a1a1a)
}

.leader {
    background: linear-gradient(90deg, #1d0f00, #a2511a, #1d0f00)
}

.user {
    background: linear-gradient(90deg, #121212, #3a3a3c, #121212)
}
.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)
    }
}
 
Последнее редактирование:
Фев
88
26
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
.userBanner.owner,.userBanner.so_owner,.userBanner.director,.userBanner.ryk,.userBanner.zam_ryk,.userBanner.gts,.userBanner.zgts,.userBanner.spec_adm,.userBanner.zsa,.userBanner.ypr_serv,.userBanner.zypr,.userBanner.kyrator,.userBanner.ga,.userBanner.zga,.userBanner.gs,.userBanner.zgs,.userBanner.st_adm,.userBanner.adm,.userBanner.ml_adm,.userBanner.moder,.userBanner.ml_moder,.userBanner.helper,.userBanner.leader,.userBanner.user {
position: relative;
padding: 10px 25px;
font-weight: 800;
font-size: 13px;
text-transform: uppercase;
color: #fff !important;
border: none;
text-align: center;
clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);
overflow: hidden;
z-index: 1;
background-size: 200% 200% !important;
animation: fastGradient 3s linear infinite !important;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
display: inline-block
}

.userBanner.owner::before,.userBanner.so_owner::before,.userBanner.director::before,.userBanner.ryk::before,.userBanner.zam_ryk::before,.userBanner.gts::before,.userBanner.zgts::before,.userBanner.spec_adm::before,.userBanner.zsa::before,.userBanner.ypr_serv::before,.userBanner.zypr::before,.userBanner.kyrator::before,.userBanner.ga::before,.userBanner.zga::before,.userBanner.gs::before,.userBanner.zgs::before,.userBanner.st_adm::before,.userBanner.adm::before,.userBanner.ml_adm::before,.userBanner.moder::before,.userBanner.ml_moder::before,.userBanner.helper::before,.userBanner.leader::before,.userBanner.user::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.05) 5px, rgba(255,255,255,0.05) 10px);
animation: patternMove 10s linear infinite
}

.userBanner.owner::after,.userBanner.so_owner::after,.userBanner.director::after,.userBanner.ryk::after,.userBanner.zam_ryk::after,.userBanner.gts::after,.userBanner.zgts::after,.userBanner.spec_adm::after,.userBanner.zsa::after,.userBanner.ypr_serv::after,.userBanner.zypr::after,.userBanner.kyrator::after,.userBanner.ga::after,.userBanner.zga::after,.userBanner.gs::after,.userBanner.zgs::after,.userBanner.st_adm::after,.userBanner.adm::after,.userBanner.ml_adm::after,.userBanner.moder::after,.userBanner.ml_moder::after,.userBanner.helper::after,.userBanner.leader::after,.userBanner.user::after {
content: '';
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 5px #fff,0 0 10px #fff;
animation: dotPulse 1.5s infinite
}

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

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

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

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

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

@keyframes dotPulse {
0% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}

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

100% {
opacity: 0.4;
transform: translateY(-50%) scale(.8)
}
}

.owner {
background: linear-gradient(90deg, #2a0000, #f00, #2a0000)
}

.so_owner {
background: linear-gradient(90deg, #3a0000, #ff4d4d, #3a0000)
}

.director {
background: linear-gradient(90deg, #4a0010, #ff5f40, #4a0010)
}

.ryk {
background: linear-gradient(90deg, #120024, #9d4edd, #120024)
}

.zam_ryk {
background: linear-gradient(90deg, #1e003a, #bf5af2, #1e003a)
}

.gts {
background: linear-gradient(90deg, #2d1600, #ff9f0a, #2d1600)
}

.zgts {
background: linear-gradient(90deg, #3a1d00, #ffb347, #3a1d00)
}

.spec_adm {
background: linear-gradient(90deg, #300018, #ff2d55, #300018)
}

.zsa {
background: linear-gradient(90deg, #400020, #ff66b2, #400020)
}

.ypr_serv {
background: linear-gradient(90deg, #001f1f, #00d2d2, #001f1f)
}

.zypr {
background: linear-gradient(90deg, #002d2d, #30ffd0, #002d2d)
}

.kyrator {
background: linear-gradient(90deg, #003a3a, #64ffda, #003a3a)
}

.ga {
background: linear-gradient(90deg, #001a00, #34c759, #001a00)
}

.zga {
background: linear-gradient(90deg, #002b00, #32d74b, #002b00)
}

.gs {
background: linear-gradient(90deg, #001030, #0a84ff, #001030)
}

.zgs {
background: linear-gradient(90deg, #00081a, #5e5ce6, #00081a)
}

.st_adm {
background: linear-gradient(90deg, #002a3a, #64d2ff, #002a3a)
}

.adm {
background: linear-gradient(90deg, #003a4d, #70dcff, #003a4d)
}

.ml_adm {
background: linear-gradient(90deg, #004a5a, #a6edff, #004a5a)
}

.moder {
background: linear-gradient(90deg, #2d2400, #ffd60a, #2d2400)
}

.ml_moder {
background: linear-gradient(90deg, #3a2e00, #fff200, #3a2e00)
}

.helper {
background: linear-gradient(90deg, #1a1a1a, #636366, #1a1a1a)
}

.leader {
background: linear-gradient(90deg, #1d0f00, #a2511a, #1d0f00)
}

.user {
background: linear-gradient(90deg, #121212, #3a3a3c, #121212)
}
.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)
}
}
OFFTOP

Код нужно заносить под тег CODE

 
Фев
88
26
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
не знал, сейчас исправлю
OFFTOP

Не оффтоп :)
1771153580921.png

 
Фев
88
26
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
OFFTOP

чтож ты так предираешься😡

OFFTOP

Это не придирки, сам подумай. Удобнее когда код под соответствующим тегом, или когда он под тегом который страницу увеличивает только

 
never stress
Дек
476
268
Активный
OFFTOP

Это не придирки, сам подумай. Удобнее когда код под соответствующим тегом, или когда он под тегом который страницу увеличивает только

OFFTOP

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

 
Статус
В этой теме нельзя размещать новые ответы.
Сверху