Решено Помогите с проблемой

Nikita_Manerov · 29 Мар 2025

Здравствуйте, у меня случилась проблема, в том что на красках на форуме цвет Ника другой, и стоят блестки хотя в CSS цвете Ника совсем другое, помогите решить, скорее это проблема в extra.less но я не могу понять что не так.

Aleksandr · 29 Мар 2025

Проблема совсем не в extra.less. Скорее всего вы выдали себе дополнительную роль, у которой приоритет оформления выше, чем у основной

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
Проблема совсем не в extra.less. Скорее всего вы выдали себе дополнительную роль, у которой приоритет оформления выше, чем у основной

Нет, все равно также стоит.

Nikita_Manerov · 29 Мар 2025

Nikita_Manerov · 29 Мар 2025

Nikita_Manerov написал(а):
Посмотреть вложение 6642 Посмотреть вложение 6643

Вообще на фа ника не показывает

Aleksandr · 29 Мар 2025

Nikita_Manerov написал(а):
Вообще на фа ника не показывает

Убери все дополнительные группы и поставь нужную. В крайнем случае поставь максимальный приоритет оформления группы

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
Убери все дополнительные группы и поставь нужную. В крайнем случае поставь максимальный приоритет оформления группы

Мне они нужны дополнительные, тут проблема в extra.less

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
Убери все дополнительные группы и поставь нужную. В крайнем случае поставь максимальный приоритет оформления группы

Давай я скину extra.less посмотришь

Aleksandr · 29 Мар 2025

Nikita_Manerov написал(а):
Мне они нужны дополнительные, тут проблема в extra.less

Тогда проблема не может быть решена. Нужно либо забрать дополнительные группы, либо повысить приоритет оформления группы. Проблема в extra.less может быть в том случае, если вы меняли CSS имени пользователя не в группе, а в шаблоне

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
Тогда проблема не может быть решена. Нужно либо забрать дополнительные группы, либо повысить приоритет оформления группы. Проблема в extra.less может быть в том случае, если вы меняли CSS имени пользователя не в группе, а в шаблоне

Повышал, приоритет не менял в шаблоне не чего, забирал довольные роли, и все равно также.

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
Тогда проблема не может быть решена. Нужно либо забрать дополнительные группы, либо повысить приоритет оформления группы. Проблема в extra.less может быть в том случае, если вы меняли CSS имени пользователя не в группе, а в шаблоне

Может быть скинуть сюда extra.less вы посмотрите и поймете, может в чем-то есть проблема.

Aleksandr · 29 Мар 2025

Nikita_Manerov написал(а):
Может быть скинуть сюда extra.less вы посмотрите и поймете, может в чем-то есть проблема.

Давайте, посмотрю

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
Давайте, посмотрю

.tooltip--member .tooltip-content {
box-shadow: 0 0 20px 40px rgba(255,0,0,.3);
}
@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5); // Цвет тени префикса
.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
.svgPrefix, .label.svgPrefix {
font-family: @svgPrefixFontFamily;
font-size: 70%;
font-weight: 500;
display: inline-flex;
text-align: center;
align-items: center;
text-transform: uppercase;
line-height: ((@xf-lineHeightDefault) * .9);
padding: .25em .5em;
border: none;
border-radius: @svgPrefixBorderRadius;
position: relative;
white-space: nowrap;
.fsp & {
margin-right: 5px;
}
.menuPrefix& {
display: inline-block;
font-size: 1.3em;
width: 100%;
padding: .333em;
a& {
text-decoration: none;
}
}
.p-title-value & {
.p-title & {
font-size: 70%;
}
}
&:before {
position: absolute;
top: .25em;
bottom: 0;
left: .333em;
}
&.@{prefix-name} {
background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
color: rgb(250,250,250);
text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
&when (iskeyword(@prefix-icon)) {
padding: .25em .5em .25em 1.75em;
&:before {
.m-faBase();
content: "\@{prefix-icon}";
}
}
}
}
}
.svgLabelPrefix(odobpon, rgb(4,255,0), f00c);
.svgLabelPrefix(raspon, rgb(4,255,0), f00c);
.svgLabelPrefix(rassmotpon, rgb(255,200,0), f251);
.svgLabelPrefix(vajpon, rgb(198,40,40), f06a);
.svgLabelPrefix(zakpon, rgb(198,40,40), f023);
.svgLabelPrefix(otkazpon, rgb(198,40,40), f057);
.svgLabelPrefix(otkpon, rgb(4,255,0), f3c1);
.svgLabelPrefix(pravpon, rgb(198,40,40), f06a);
.svgLabelPrefix(infopon, rgb(0,255,255), f129);

.username--style37:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f121";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style8:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f4ba";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 3s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style22:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f45e ";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 2s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style24:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f1e3 ";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 1s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style8:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f4ba";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 3s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style21 {
&:before {
.m-faBase();
content: "\f521";
.m-faContent(@fa-var-hurricane);
color: inherit;
padding-right: 4px;
display: inline-block;
}
&:hover {
&:before {
animation: rotate-in-center 1s linear 0s infinite;
}
}
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style13 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}

.username--style14 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}

.username--style34 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}
.username--style18 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}
.username--style17 {
text-shadow: black;
color: yellow;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}
.username--style41 {
text-shadow: black;
color: yellow;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style31 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style39 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style40 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style33 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style33:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style40:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style31:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style39:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style41:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style17:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style18:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style34:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style14:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style13:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}

.username--style25:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f186";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}

.xenOverlay.memberCard.razrabi {box-shadow: 0 0 65px 15px darkred;}
.xenOverlay.memberCard.Moder {box-shadow: 0 0 65px 15px darkgreen;}

.kurator {
color: white;
background-color: #8B00FF
}

.userBanner.userBanner--staff,.userBanner.userBanner--primary {
color: #fff;
background: #ff0000;
border-radius: 6px;
border-color: #ff0000;
padding: 4px 6px
}

.userBanner--staff {
background: #FF0000;
border-radius: 10px 0px 10px 0px;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 10px 0px 0px;
padding: 4px;
border: none
}

.spec {
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.super {
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.admin {
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.mlmoder {
background: #3CB371;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.ga {
background: #32CD32;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 7px;
border: none
}

.zga {
background: #66CDAA;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.polz {
background: #C0C0C0;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.osnov {
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
font-family: 'Montserrat-Bold'
}

.kur {
background: #66CC42;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
font-family: 'Montserrat-Bold'
}

.adm {
background: #6B8E23;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.stmod {
background: #ffcb00;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.mod {
background: #456cdd;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.gost {
background: #D80000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.teh {
background: #FF4500;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.lider {
background: #f08b9a;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.gts {
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.razrab {
background: #d14841;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.stadm {
background: #404e80;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.soskags {
background: #00CED1;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.soskazgs {
background: #BA55D3;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.pref {
background-color: #ff0000;
font-size: 77%;
color: white;
border: 3px solid #f00;
text-align: center;
border-radius: 6px
}

.pref.otkr {
background-color: #33ff33;
border: 3px solid #3f3
}

.pref.otk {
background-color: #33ff33;
border: 3px solid #3f3
}

.pref.rech {
background-color: #f24666;
border: 3px solid #f24666
}

.pref.inf {
background-color: #ffbb00;
border: 3px solid #fb0
}

.pref.zakr {
background-color: #ff2b2b;
border: 3px solid #ff2b2b
}

.pref.ras {
background-color: #0044ff;
border: 3px solid #04f
}

.pref.prov {
background-color: #ee7700;
border: 3px solid #e70
}

.pref.pr {
background-color: #00bbff;
border: 3px solid #0bf
}

.p-header-logo.p-header-logo--image img {
max-width: 100%;
max-height: 100px
}

.label {
color: #fff;
text-transform: uppercase;
font-weight: 650;
font-size: 70%;
padding: 2px 4px;
text-align: center;
background-size: 300% 300%;
border-radius: 5px
}

.v {
background: #ff0000;
box-shadow: 0 0 12px #f00
}

.ras {
background: #0044ff;
box-shadow: 0 0 12px #04f
}

.otk {
background: #00AA00;
box-shadow: 0 0 12px #0a0
}

.rasm {
background: #ee7700;
box-shadow: 0 0 12px #e70
}

.inf {
background: #ffbb00;
box-shadow: 0 0 12px #fb0
}

.userBanner {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 71%;
padding: 5px 7px;
background-size: 600% 600%;
animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
color: #fff;
border: none;
background: linear-gradient(270deg, #04b, #bb0, #a00, #d00);
background-size: 900% 900%
}

.userBanner.redadmin {
background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.admin {
background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
color: black;
padding: 5px 8px
}

.userBanner.mlmoder {
background-image: linear-gradient(270deg, #3CB371, #3CB371, #3CB371)
}

.userBanner.stadm {
background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black
}

.userBanner.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.userBanner.ga {
background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
background-image: linear-gradient(270deg, #789, #6642cc, #d2691e)
}

.userBanner.adm {
background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
background-image: linear-gradient(270deg, #ee0, #da0, #bb0)
}

.userBanner.teh {
background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.userBanner.spec {
background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

.userBanner.grand {
background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.userBanner.black {
background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.userBanner.sueta {
background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

.userBanner.hassle {
background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.userBanner.test {
background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

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

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

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

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

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

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

Nikita_Manerov · 29 Мар 2025

Nikita_Manerov написал(а):
.tooltip--member .tooltip-content {
box-shadow: 0 0 20px 40px rgba(255,0,0,.3);
}
@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit; // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4); // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5); // Цвет тени префикса
.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
.svgPrefix, .label.svgPrefix {
font-family: @svgPrefixFontFamily;
font-size: 70%;
font-weight: 500;
display: inline-flex;
text-align: center;
align-items: center;
text-transform: uppercase;
line-height: ((@xf-lineHeightDefault) * .9);
padding: .25em .5em;
border: none;
border-radius: @svgPrefixBorderRadius;
position: relative;
white-space: nowrap;
.fsp & {
margin-right: 5px;
}
.menuPrefix& {
display: inline-block;
font-size: 1.3em;
width: 100%;
padding: .333em;
a& {
text-decoration: none;
}
}
.p-title-value & {
.p-title & {
font-size: 70%;
}
}
&:before {
position: absolute;
top: .25em;
bottom: 0;
left: .333em;
}
&.@{prefix-name} {
background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
color: rgb(250,250,250);
text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
&when (iskeyword(@prefix-icon)) {
padding: .25em .5em .25em 1.75em;
&:before {
.m-faBase();
content: "\@{prefix-icon}";
}
}
}
}
}
.svgLabelPrefix(odobpon, rgb(4,255,0), f00c);
.svgLabelPrefix(raspon, rgb(4,255,0), f00c);
.svgLabelPrefix(rassmotpon, rgb(255,200,0), f251);
.svgLabelPrefix(vajpon, rgb(198,40,40), f06a);
.svgLabelPrefix(zakpon, rgb(198,40,40), f023);
.svgLabelPrefix(otkazpon, rgb(198,40,40), f057);
.svgLabelPrefix(otkpon, rgb(4,255,0), f3c1);
.svgLabelPrefix(pravpon, rgb(198,40,40), f06a);
.svgLabelPrefix(infopon, rgb(0,255,255), f129);

.username--style37:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f121";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style8:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f4ba";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 3s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style22:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f45e ";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 2s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style24:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f1e3 ";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 1s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style8:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f4ba";
color: inherit;
padding-right: 4px;
display: inline-block;
animation: rotate-in-center 3s linear 0s infinite;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style21 {
&:before {
.m-faBase();
content: "\f521";
.m-faContent(@fa-var-hurricane);
color: inherit;
padding-right: 4px;
display: inline-block;
}
&:hover {
&:before {
animation: rotate-in-center 1s linear 0s infinite;
}
}
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style13 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}

.username--style14 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}

.username--style34 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}
.username--style18 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}
.username--style17 {
text-shadow: black;
color: yellow;
font-weight: bold;
background: url(

https://imgur.com/ITgM2fs

}
.username--style41 {
text-shadow: black;
color: yellow;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style31 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style39 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style40 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style33 {
text-shadow: #000 1px 1px 10px;
border-raduis: 8px;
color: red;
font-weight: bold;
background: url(https://i.imgur.com/ITgM2fs.gif);
}
.username--style33:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style40:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style31:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style39:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style41:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style17:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style18:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style34:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style14:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}
.username--style13:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f521";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}

.username--style25:before {
.m-faBase();
.m-faContent(@fa-var-hurricane);
content: "\f186";
color: inherit;
padding-right: 4px;
display: inline-block;
}

@keyframes rotate-in-center {
0% {
transform:rotate(0);
}
100% {
transform:rotate(360deg);
}
}

.xenOverlay.memberCard.razrabi {box-shadow: 0 0 65px 15px darkred;}
.xenOverlay.memberCard.Moder {box-shadow: 0 0 65px 15px darkgreen;}

.kurator {
color: white;
background-color: #8B00FF
}

.userBanner.userBanner--staff,.userBanner.userBanner--primary {
color: #fff;
background: #ff0000;
border-radius: 6px;
border-color: #ff0000;
padding: 4px 6px
}

.userBanner--staff {
background: #FF0000;
border-radius: 10px 0px 10px 0px;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 10px 0px 0px;
padding: 4px;
border: none
}

.spec {
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.super {
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.admin {
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.mlmoder {
background: #3CB371;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.ga {
background: #32CD32;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 7px;
border: none
}

.zga {
background: #66CDAA;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.polz {
background: #C0C0C0;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.osnov {
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
font-family: 'Montserrat-Bold'
}

.kur {
background: #66CC42;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none;
font-family: 'Montserrat-Bold'
}

.adm {
background: #6B8E23;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.stmod {
background: #ffcb00;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.mod {
background: #456cdd;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.gost {
background: #D80000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.teh {
background: #FF4500;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.lider {
background: #f08b9a;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.gts {
background: #FF0000;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.razrab {
background: #d14841;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.stadm {
background: #404e80;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.soskags {
background: #00CED1;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.soskazgs {
background: #BA55D3;
color: white;
text-align: center;
font-size: 13px;
font-weight: 500;
border-radius: 10px 0px 10px 0px;
padding: 4px;
border: none
}

.pref {
background-color: #ff0000;
font-size: 77%;
color: white;
border: 3px solid #f00;
text-align: center;
border-radius: 6px
}

.pref.otkr {
background-color: #33ff33;
border: 3px solid #3f3
}

.pref.otk {
background-color: #33ff33;
border: 3px solid #3f3
}

.pref.rech {
background-color: #f24666;
border: 3px solid #f24666
}

.pref.inf {
background-color: #ffbb00;
border: 3px solid #fb0
}

.pref.zakr {
background-color: #ff2b2b;
border: 3px solid #ff2b2b
}

.pref.ras {
background-color: #0044ff;
border: 3px solid #04f
}

.pref.prov {
background-color: #ee7700;
border: 3px solid #e70
}

.pref.pr {
background-color: #00bbff;
border: 3px solid #0bf
}

.p-header-logo.p-header-logo--image img {
max-width: 100%;
max-height: 100px
}

.label {
color: #fff;
text-transform: uppercase;
font-weight: 650;
font-size: 70%;
padding: 2px 4px;
text-align: center;
background-size: 300% 300%;
border-radius: 5px
}

.v {
background: #ff0000;
box-shadow: 0 0 12px #f00
}

.ras {
background: #0044ff;
box-shadow: 0 0 12px #04f
}

.otk {
background: #00AA00;
box-shadow: 0 0 12px #0a0
}

.rasm {
background: #ee7700;
box-shadow: 0 0 12px #e70
}

.inf {
background: #ffbb00;
box-shadow: 0 0 12px #fb0
}

.userBanner {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 71%;
padding: 5px 7px;
background-size: 600% 600%;
animation: AnimBanner 10s ease infinite
}

.userBanner.userBanner--staff {
color: #fff;
border: none;
background: linear-gradient(270deg, #04b, #bb0, #a00, #d00);
background-size: 900% 900%
}

.userBanner.redadmin {
background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

.userBanner.admin {
background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
color: black;
padding: 5px 8px
}

.userBanner.mlmoder {
background-image: linear-gradient(270deg, #3CB371, #3CB371, #3CB371)
}

.userBanner.stadm {
background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

.userBanner.stmod {
background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

.userBanner.moder {
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

.userBanner.osnov {
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black
}

.userBanner.super {
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

.userBanner.ga {
background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

.userBanner.lider {
background-image: linear-gradient(270deg, #da0, #f08b9a)
}

.userBanner.kur {
background-image: linear-gradient(270deg, #789, #6642cc, #d2691e)
}

.userBanner.adm {
background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

.userBanner.mod {
background-image: linear-gradient(270deg, #ee0, #da0, #bb0)
}

.userBanner.teh {
background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

.userBanner.moder {
background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

.userBanner.spec {
background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

.userBanner.grand {
background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

.userBanner.black {
background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

.userBanner.sueta {
background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

.userBanner.hassle {
background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

.userBanner.test {
background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

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

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

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

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

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

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

А что такое username-style?

Aleksandr · 29 Мар 2025

username--style, у тебя там везде gif, проблема из-за этого. Лучше сделай эти свойства в CSS имени пользователя

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
username--style, у тебя там везде gif, проблема из-за этого. Лучше сделай эти свойства в CSS имени пользователя

Если сотру gif все будет отлично?

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
username--style, у тебя там везде gif, проблема из-за этого. Лучше сделай эти свойства в CSS имени пользователя

Можете подсказать как сделать свойства? Просто я чайник.

Aleksandr · 29 Мар 2025

Nikita_Manerov написал(а):
Если сотру gif все будет отлично?

По идее да

Nikita_Manerov · 29 Мар 2025

Aleksandr написал(а):
По идее да

Сейчас попробую

Aleksandr · 29 Мар 2025

Nikita_Manerov написал(а):
Можете подсказать как сделать свойства? Просто я чайник.

Свойства в CSS это к примеру color: red; или background: white;

LIVE SAMP

Решено Помогите с проблемой

Добро пожаловать!

Nikita_Manerov

Aleksandr

Nikita_Manerov

Nikita_Manerov

Nikita_Manerov

Aleksandr

Nikita_Manerov

Nikita_Manerov

Aleksandr

Nikita_Manerov

Nikita_Manerov

Aleksandr

Nikita_Manerov

Nikita_Manerov

Aleksandr

Nikita_Manerov

Nikita_Manerov

Aleksandr

Nikita_Manerov

Aleksandr