Welcome!

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

SignUp Now!

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

Статус
В этой теме нельзя размещать новые ответы.
Май
141
17
Пользователь
Можете дать ещё 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,708
6,174
Профессионал
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)
}
 
обидели - не обижайся
Дек
395
212
Активный
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)
}
тут не все прописано
 
обидели - не обижайся
Дек
395
212
Активный
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

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

 
обидели - не обижайся
Дек
395
212
Активный
OFFTOP

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

OFFTOP

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

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