Хелп с ролями/extra.less

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

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

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
Пользователь
Регистрация
14 Мар 2025
Сообщения
134
2.6. Весь код необходимо брать под тег "Код".
Залил в extra код на роли . Смотрю они не отображаются + появляется эта нижняя панель на форуме

Код :
CSS:
.userBanner.userBanner--staff {
color: white;
background: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none;
}

.rukovod {
background: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_rukovod {
background: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.spec_adm {
background: url(https://i.postimg.cc/9MLqFWCq/Add-Text-06-29-12-35-59.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_spec_adm {
background: url(https://i.postimg.cc/TYDhBjLb/Add-Text-06-29-12-37-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.director {
background: url(https://i.postimg.cc/fR7yRwvT/Add-Text-06-29-12-42-47.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_director {
background: url(https://i.postimg.cc/T2Zny3nr/Add-Text-06-29-12-44-08.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_director {
background: url(https://i.postimg.cc/2yqDYtH7/Add-Text-06-29-12-46-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;


.tex_adm {
background: url(https://i.postimg.cc/rms6GbL2/Add-Text-06-29-12-48-17.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.ga {
background: url(https://i.postimg.cc/14xLQ3Vy/Add-Text-06-29-12-52-30.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}


.zamga {
background: url(https://i.postimg.cc/W17bXQxd/Add-Text-06-29-12-53-40.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_ga {
background: url(https://i.postimg.cc/B6RqjsPV/Add-Text-06-29-12-56-10.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.kurator {
background: url(https://i.postimg.cc/Fs5rmr4f/Add-Text-06-29-12-57-53.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.sled_za_org {
background: url(https://i.postimg.cc/K8mmk04x/Add-Text-06-29-12-59-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.gs {
background: url(https://i.postimg.cc/FRkv5qCg/Add-Text-06-29-01-02-28.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zgs {
background: url(https://i.postimg.cc/QCprV73F/Add-Text-06-29-01-03-52.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.admin {
background: url(https://i.postimg.cc/y8fCJBwy/Add-Text-06-29-01-05-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.adm3 {
background: url(https://i.postimg.cc/L5krmMtf/Add-Text-06-29-01-08-33.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.lider_org {
background: url(https://i.postimg.cc/X78Th476/Add-Text-06-29-01-10-02.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.playing_pom {
background: url(https://i.postimg.cc/QtbrSPVF/Add-Text-06-29-01-12-01.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.user {
background: url(https://i.postimg.cc/xjJwXc3k/Add-Text-06-29-01-13-36.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

Screenshot_20250629-142425.png

Screenshot_20250629-142433.png

Screenshot_20250629-142447.png

Кто знает помогите решить проблему (стиль io dark )
 
Последнее редактирование модератором:
Пользователь
Регистрация
29 Дек 2023
Сообщения
91
Залил в extra код на роли . Смотрю они не отображаются + появляется эта нижняя панель на форуме

Код :

.userBanner.userBanner--staff {
color: white;
background: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none;
}

.rukovod {
background: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_rukovod {
background: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.spec_adm {
background: url(https://i.postimg.cc/9MLqFWCq/Add-Text-06-29-12-35-59.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_spec_adm {
background: url(https://i.postimg.cc/TYDhBjLb/Add-Text-06-29-12-37-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.director {
background: url(https://i.postimg.cc/fR7yRwvT/Add-Text-06-29-12-42-47.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_director {
background: url(https://i.postimg.cc/T2Zny3nr/Add-Text-06-29-12-44-08.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_director {
background: url(https://i.postimg.cc/2yqDYtH7/Add-Text-06-29-12-46-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;


.tex_adm {
background: url(https://i.postimg.cc/rms6GbL2/Add-Text-06-29-12-48-17.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.ga {
background: url(https://i.postimg.cc/14xLQ3Vy/Add-Text-06-29-12-52-30.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}


.zamga {
background: url(https://i.postimg.cc/W17bXQxd/Add-Text-06-29-12-53-40.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_ga {
background: url(https://i.postimg.cc/B6RqjsPV/Add-Text-06-29-12-56-10.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.kurator {
background: url(https://i.postimg.cc/Fs5rmr4f/Add-Text-06-29-12-57-53.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.sled_za_org {
background: url(https://i.postimg.cc/K8mmk04x/Add-Text-06-29-12-59-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.gs {
background: url(https://i.postimg.cc/FRkv5qCg/Add-Text-06-29-01-02-28.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zgs {
background: url(https://i.postimg.cc/QCprV73F/Add-Text-06-29-01-03-52.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.admin {
background: url(https://i.postimg.cc/y8fCJBwy/Add-Text-06-29-01-05-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.adm3 {
background: url(https://i.postimg.cc/L5krmMtf/Add-Text-06-29-01-08-33.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.lider_org {
background: url(https://i.postimg.cc/X78Th476/Add-Text-06-29-01-10-02.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.playing_pom {
background: url(https://i.postimg.cc/QtbrSPVF/Add-Text-06-29-01-12-01.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.user {
background: url(https://i.postimg.cc/xjJwXc3k/Add-Text-06-29-01-13-36.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}


Посмотреть вложение 9499

Посмотреть вложение 9500

Посмотреть вложение 9501

Кто знает помогите решить проблему (стиль io dark )
Скинь свой extra.less
 
Пользователь
Регистрация
14 Мар 2025
Сообщения
134
Скинь свой extra.less
CSS:
.uix_extendedFooter {
display: none;
}

.block.block--category .block-header:after {
background: none;
}

.menu-content {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
font-size: 1.2rem;
color: #e0e6f0;
background: #22242b;
border: 0 solid #3f424a;
border-radius: 4px;
border-radius: 8px;
}

.structItem-status--locked::before {
color: #d28b00;
content: "\F033E";
display: inline-block;
font: normal normal normal 18px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: auto !important;
content: 'lock';
content: '\F033E';
}

.structItem-status--sticky::before {
color: #ca0000;
content: "\F0403";
display: inline-block;
font: normal normal normal 18px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: auto !important;
content: 'sticky';
content: '\F0403';
}

.structItem-status--watched::before {
color: #910098;
content: "\F0208";
display: inline-block;
font: normal normal normal 18px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: auto !important;
content: 'watched';
content: '\F0208';
}

body .structItem {
border-top: 1px solid #4d5460;
border-radius: 0px;
}

.node-stats>dl.pairs.pairs--rows:first-child {
border: none;
}

.block-body .node + .node {
border-top: @xf-borderSize solid @xf-borderColorFaint;
}

body .structItem:hover {
background: none;
}


.userBanner.userBanner--staff {
color: white;
background: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png) ;
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none;
}

.rukovod {
background: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_rukovod {
background: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.spec_adm {
background: url(https://i.postimg.cc/9MLqFWCq/Add-Text-06-29-12-35-59.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_spec_adm {
background: url(https://i.postimg.cc/TYDhBjLb/Add-Text-06-29-12-37-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.director {
background: url(https://i.postimg.cc/fR7yRwvT/Add-Text-06-29-12-42-47.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_director {
background: url(https://i.postimg.cc/T2Zny3nr/Add-Text-06-29-12-44-08.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_director {
background: url(https://i.postimg.cc/2yqDYtH7/Add-Text-06-29-12-46-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;


.tex_adm {
background: url(https://i.postimg.cc/rms6GbL2/Add-Text-06-29-12-48-17.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.ga {
background: url(https://i.postimg.cc/14xLQ3Vy/Add-Text-06-29-12-52-30.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}


.zamga {
background: url(https://i.postimg.cc/W17bXQxd/Add-Text-06-29-12-53-40.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_ga {
background: url(https://i.postimg.cc/B6RqjsPV/Add-Text-06-29-12-56-10.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.kurator {
background: url(https://i.postimg.cc/Fs5rmr4f/Add-Text-06-29-12-57-53.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.sled_za_org {
background: url(https://i.postimg.cc/K8mmk04x/Add-Text-06-29-12-59-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.gs {
background: url(https://i.postimg.cc/FRkv5qCg/Add-Text-06-29-01-02-28.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zgs {
background: url(https://i.postimg.cc/QCprV73F/Add-Text-06-29-01-03-52.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.admin {
background: url(https://i.postimg.cc/y8fCJBwy/Add-Text-06-29-01-05-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.adm3 {
background: url(https://i.postimg.cc/L5krmMtf/Add-Text-06-29-01-08-33.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.lider_org {
background: url(https://i.postimg.cc/X78Th476/Add-Text-06-29-01-10-02.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.playing_pom {
background: url(https://i.postimg.cc/QtbrSPVF/Add-Text-06-29-01-12-01.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.user {
background: url(https://i.postimg.cc/xjJwXc3k/Add-Text-06-29-01-13-36.png) ;
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}
 
Последнее редактирование модератором:
Активный
Регистрация
3 Янв 2025
Сообщения
412
вместо пользователь поставь просто точку .
в самом вверху укажите цифру например 1000
должно работать
 
Пользователь
Регистрация
15 Июн 2025
Сообщения
65
Интересный случай. Человек кидает не дописанный код, в котором присутствуют ошибки. У кого то стандартный вставал? В любом случае держи измененный код. Дай знать если подойдет. А так в общем, было много лишних точек и дублировались свойства content

CSS:
.uix_extendedFooter {
    display: none;
}

.block.block--category .block-header:after {
    background: none;
}

.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 1.2rem;
    color: #e0e6f0;
    background: #22242b;
    border: 0 solid #3f424a;
    border-radius: 8px;
}

.structItem-status--locked::before {
    color: #d28b00;
    content: "\F033E";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
}

.structItem-status--sticky::before {
    color: #ca0000;
    content: "\F0403";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
}

.structItem-status--watched::before {
    color: #910098;
    content: "\F0208";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
}

body .structItem {
    border-top: 1px solid #4d5460;
    border-radius: 0px;
}

.node-stats>dl.pairs.pairs--rows:first-child {
    border: none;
}

.block-body .node + .node {
    border-top: @xf-borderSize solid @xf-borderColorFaint;
}

body .structItem:hover {
    background: none;
}

.userBanner.userBanner--staff {
    color: white;
    background: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none;
}

.rukovod {
    background: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zam_rukovod {
    background: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.spec_adm {
    background: url(https://i.postimg.cc/9MLqFWCq/Add-Text-06-29-12-35-59.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zam_spec_adm {
    background: url(https://i.postimg.cc/TYDhBjLb/Add-Text-06-29-12-37-43.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.director {
    background: url(https://i.postimg.cc/fR7yRwvT/Add-Text-06-29-12-42-47.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zam_director {
    background: url(https://i.postimg.cc/T2Zny3nr/Add-Text-06-29-12-44-08.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.pom_director {
    background: url(https://i.postimg.cc/2yqDYtH7/Add-Text-06-29-12-46-04.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.tex_adm {
    background: url(https://i.postimg.cc/rms6GbL2/Add-Text-06-29-12-48-17.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.ga {
    background: url(https://i.postimg.cc/14xLQ3Vy/Add-Text-06-29-12-52-30.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zamga {
    background: url(https://i.postimg.cc/W17bXQxd/Add-Text-06-29-12-53-40.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.pom_ga {
    background: url(https://i.postimg.cc/B6RqjsPV/Add-Text-06-29-12-56-10.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.kurator {
    background: url(https://i.postimg.cc/Fs5rmr4f/Add-Text-06-29-12-57-53.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.sled_za_org {
    background: url(https://i.postimg.cc/K8mmk04x/Add-Text-06-29-12-59-46.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.gs {
    background: url(https://i.postimg.cc/FRkv5qCg/Add-Text-06-29-01-02-28.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zgs {
    background: url(https://i.postimg.cc/QCprV73F/Add-Text-06-29-01-03-52.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.admin {
    background: url(https://i.postimg.cc/y8fCJBwy/Add-Text-06-29-01-05-43.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.adm3 {
    background: url(https://i.postimg.cc/L5krmMtf/Add-Text-06-29-01-08-33.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.lider_org {
    background: url(https://i.postimg.cc/X78Th476/Add-Text-06-29-01-10-02.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.playing_pom {
    background: url(https://i.postimg.cc/QtbrSPVF/Add-Text-06-29-01-12-01.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.user {
    background: url(https://i.postimg.cc/xjJwXc3k/Add-Text-06-29-01-13-36.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
 
Пользователь
Регистрация
14 Мар 2025
Сообщения
134
Интересный случай. Человек кидает не дописанный код, в котором присутствуют ошибки. У кого то стандартный вставал? В любом случае держи измененный код. Дай знать если подойдет. А так в общем, было много лишних точек и дублировались свойства content

CSS:
.uix_extendedFooter {
    display: none;
}

.block.block--category .block-header:after {
    background: none;
}

.menu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    font-size: 1.2rem;
    color: #e0e6f0;
    background: #22242b;
    border: 0 solid #3f424a;
    border-radius: 8px;
}

.structItem-status--locked::before {
    color: #d28b00;
    content: "\F033E";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
}

.structItem-status--sticky::before {
    color: #ca0000;
    content: "\F0403";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
}

.structItem-status--watched::before {
    color: #910098;
    content: "\F0208";
    display: inline-block;
    font: normal normal normal 18px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: auto !important;
}

body .structItem {
    border-top: 1px solid #4d5460;
    border-radius: 0px;
}

.node-stats>dl.pairs.pairs--rows:first-child {
    border: none;
}

.block-body .node + .node {
    border-top: @xf-borderSize solid @xf-borderColorFaint;
}

body .structItem:hover {
    background: none;
}

.userBanner.userBanner--staff {
    color: white;
    background: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png);
    font-size: 87%;
    border-radius: 10px;
    text-align: center;
    padding: 1px 10px 3px;
    font-style: normal;
    border: none;
}

.rukovod {
    background: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zam_rukovod {
    background: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.spec_adm {
    background: url(https://i.postimg.cc/9MLqFWCq/Add-Text-06-29-12-35-59.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zam_spec_adm {
    background: url(https://i.postimg.cc/TYDhBjLb/Add-Text-06-29-12-37-43.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.director {
    background: url(https://i.postimg.cc/fR7yRwvT/Add-Text-06-29-12-42-47.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zam_director {
    background: url(https://i.postimg.cc/T2Zny3nr/Add-Text-06-29-12-44-08.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.pom_director {
    background: url(https://i.postimg.cc/2yqDYtH7/Add-Text-06-29-12-46-04.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.tex_adm {
    background: url(https://i.postimg.cc/rms6GbL2/Add-Text-06-29-12-48-17.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.ga {
    background: url(https://i.postimg.cc/14xLQ3Vy/Add-Text-06-29-12-52-30.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zamga {
    background: url(https://i.postimg.cc/W17bXQxd/Add-Text-06-29-12-53-40.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.pom_ga {
    background: url(https://i.postimg.cc/B6RqjsPV/Add-Text-06-29-12-56-10.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.kurator {
    background: url(https://i.postimg.cc/Fs5rmr4f/Add-Text-06-29-12-57-53.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.sled_za_org {
    background: url(https://i.postimg.cc/K8mmk04x/Add-Text-06-29-12-59-46.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.gs {
    background: url(https://i.postimg.cc/FRkv5qCg/Add-Text-06-29-01-02-28.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.zgs {
    background: url(https://i.postimg.cc/QCprV73F/Add-Text-06-29-01-03-52.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.admin {
    background: url(https://i.postimg.cc/y8fCJBwy/Add-Text-06-29-01-05-43.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.adm3 {
    background: url(https://i.postimg.cc/L5krmMtf/Add-Text-06-29-01-08-33.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.lider_org {
    background: url(https://i.postimg.cc/X78Th476/Add-Text-06-29-01-10-02.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.playing_pom {
    background: url(https://i.postimg.cc/QtbrSPVF/Add-Text-06-29-01-12-01.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}

.user {
    background: url(https://i.postimg.cc/xjJwXc3k/Add-Text-06-29-01-13-36.png);
    width: 169px;
    height: 35px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
}
Спасибо , но команда форума не отображается. А так всё работает :)
 
Пользователь
Регистрация
4 Апр 2025
Сообщения
20
CSS:
.uix_extendedFooter {
display: none;
}

.block.block--category .block-header:after {
background: none;
}

.menu-content {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
font-size: 1.2rem;
color: #e0e6f0;
background: #22242b;
border: 0 solid #3f424a;
border-radius: 4px;
border-radius: 8px;
}

.structItem-status--locked::before {
color: #d28b00;
content: "\F033E";
display: inline-block;
font: normal normal normal 18px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: auto !important;
content: 'lock';
content: '\F033E';
}

.structItem-status--sticky::before {
color: #ca0000;
content: "\F0403";
display: inline-block;
font: normal normal normal 18px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: auto !important;
content: 'sticky';
content: '\F0403';
}

.structItem-status--watched::before {
color: #910098;
content: "\F0208";
display: inline-block;
font: normal normal normal 18px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
width: auto !important;
content: 'watched';
content: '\F0208';
}

body .structItem {
border-top: 1px solid #4d5460;
border-radius: 0px;
}

.node-stats>dl.pairs.pairs--rows:first-child {
border: none;
}

.block-body .node + .node {
border-top: @xf-borderSize solid @xf-borderColorFaint;
}

body .structItem:hover {
background: none;
}


.userBanner.userBanner--staff {
color: white;
background: url(https://i.postimg.cc/Hkrzqh02/Add-Text-06-29-12-41-55.png) ;
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none;
}

.rukovod {
background: url(https://i.postimg.cc/Bbh5yTXk/Add-Text-06-29-12-32-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_rukovod {
background: url(https://i.postimg.cc/D0zLqSBg/Add-Text-06-29-12-33-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.spec_adm {
background: url(https://i.postimg.cc/9MLqFWCq/Add-Text-06-29-12-35-59.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_spec_adm {
background: url(https://i.postimg.cc/TYDhBjLb/Add-Text-06-29-12-37-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.director {
background: url(https://i.postimg.cc/fR7yRwvT/Add-Text-06-29-12-42-47.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zam_director {
background: url(https://i.postimg.cc/T2Zny3nr/Add-Text-06-29-12-44-08.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_director {
background: url(https://i.postimg.cc/2yqDYtH7/Add-Text-06-29-12-46-04.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;


.tex_adm {
background: url(https://i.postimg.cc/rms6GbL2/Add-Text-06-29-12-48-17.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.ga {
background: url(https://i.postimg.cc/14xLQ3Vy/Add-Text-06-29-12-52-30.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}


.zamga {
background: url(https://i.postimg.cc/W17bXQxd/Add-Text-06-29-12-53-40.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.pom_ga {
background: url(https://i.postimg.cc/B6RqjsPV/Add-Text-06-29-12-56-10.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.kurator {
background: url(https://i.postimg.cc/Fs5rmr4f/Add-Text-06-29-12-57-53.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.sled_za_org {
background: url(https://i.postimg.cc/K8mmk04x/Add-Text-06-29-12-59-46.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.gs {
background: url(https://i.postimg.cc/FRkv5qCg/Add-Text-06-29-01-02-28.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.zgs {
background: url(https://i.postimg.cc/QCprV73F/Add-Text-06-29-01-03-52.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.admin {
background: url(https://i.postimg.cc/y8fCJBwy/Add-Text-06-29-01-05-43.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.adm3 {
background: url(https://i.postimg.cc/L5krmMtf/Add-Text-06-29-01-08-33.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.lider_org {
background: url(https://i.postimg.cc/X78Th476/Add-Text-06-29-01-10-02.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.playing_pom {
background: url(https://i.postimg.cc/QtbrSPVF/Add-Text-06-29-01-12-01.png);
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}

.user {
background: url(https://i.postimg.cc/xjJwXc3k/Add-Text-06-29-01-13-36.png) ;
width: 169px;
height: 35px;
font-size: 0px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: none;
}
Less:
.userBanner
{
color: white;
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-size: 700% 700%;
animation: AnimBanner 10s ease infinite;

&.userBanner--staff
{
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
color: #fff;
border: .6mm ridge rgba(255,255,255,0.2);
background: linear-gradient(270deg, #04b, #bb0, #a00);
background-size: 900% 900%
}

&.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 {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #f819a7, #4619f8)
}

&.stadm {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #06f, #04b)
}

&.soskags {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #49cc2c, #00ced1)
}

&.soskazgs {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #06f, #ba55d3)
}

&.redadmin {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #b22222, #dc143c, #8b0000)
}

&.user {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #bcbbbb, #515151)
}

&.admin {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #f00, #dc00ff, #ff9400);
color: black;
padding: 5px 8px
}

&.mlmoder {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #80c3df, #0da, #0a8)
}

&.stadm {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #7b9de0, #04b, #06f)
}

&.stmod {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #f819a7, #0859fc)
}

&.moder {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #01a72c, #df841a, #468153)
}

&.osnov {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 100px 450px 100px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #feea10, #ff931e);
color: black
}

&.super {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00)
}

&.ga {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #32cd32, #008000, #20b2aa)
}

&.lider {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #da0, #f08b9a)
}

&.kur {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #b0284d, #497fff)
}

&.adm {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #6b8e23, #82f358, #49cc2c)
}

&.mod {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #49cc2c, #82f358, #49cc2c)
}

&.teh {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #ff4500, #b50, #c00)
}

&.moder {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #4169e1, #1c5bfc, #5e29f0)
}

&.grand {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #f4a460, #daa520, #d2691e)
}

&.black {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #dc143c, #b22222, #8b0000)
}

&.sueta {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #808080, #c0c0c0, #8b4513)
}

&.hassle {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #ffd700, #ffa500, #ff8c00)
}

&.test {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #c71585, #ff1493, #ff69b4)
}

&.project {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6)
}

&.sponsor {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #6a5acd, #4b0082, #8a2be2)
}

&.spec {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #f00, #8b0000, #dc143c)
}

&.osnovatel {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #feea10, #ff931e, #feea10)
}

&.Gladmin {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #5ade21, #008000, #5ade21)
}

&.ZGadmin {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #4bb524, #26e0af, #4bb524)
}

&.rykproekta {
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-image: linear-gradient(270deg, #8b006d, #f00)
}
}
.zrpice {
    text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
    background-image: linear-gradient(270deg, #b296ff, #ff3b9a, #03ffa2, #f52594, #6171ff, #b635e5, #e1c9ff)
}

.iceteam {
     text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
    background-image: linear-gradient(270deg, #b870ff, #c6ff6b, #21ed73, #3d98ff, #f700df, #4d0045, #758cff)
}

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

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

100% {
background-position: 0% 50%
}
 
Пользователь
Регистрация
4 Май 2025
Сообщения
131
OFFTOP

мне обязательно чтобы и команда работала :(

Если не ошибаюсь, у команды форума, встроенной в хф, есть те же самые права, то что у любой вами созданной краски со всеми доступами.
 
Пользователь
Регистрация
4 Май 2025
Сообщения
131
OFFTOP

На своем форуме я создал краску «Команда проекта» и через less покрасил в черный, тем самым имитируя форум бр в какой-то степени.

 

Вложения

  • IMG_20250630_141552.jpg
    IMG_20250630_141552.jpg
    82.6 KB · Просмотры: 7
Пользователь
Регистрация
15 Июн 2025
Сообщения
65
OFFTOP

На своем форуме я создал краску «Команда проекта» и через less покрасил в черный, тем самым имитируя форум бр в какой-то степени.

OFFTOP

О прикольный баннер, не поделишься кодом?)

 
Пользователь
Регистрация
4 Май 2025
Сообщения
131
OFFTOP

О прикольный баннер, не поделишься кодом?)

OFFTOP


.userBanner
{
color: black;
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-size: 700% 700%;
animation: AnimBanner 10s ease infinite;

Если не ошибаюсь этот код проверить не могу к сожелению.

 
Последнее редактирование модератором:
Пользователь
Регистрация
4 Май 2025
Сообщения
131
.userBanner
{
color: black;
text-transform: uppercase;
font-weight: 700;
font-size: 71%;
border-radius: 1000px 450px 1000px 450px;
padding: 5px 7px;
background-size: 700% 700%;
animation: AnimBanner 10s ease infinite;

Если не ошибаюсь этот код проверить не могу к сожелению.
OFFTOP


Попробуй еще вот этот:

.userBanner.my-Beryuzovy
{
color: black;
background-color: rgb(0, 255, 255);
}

 
Последнее редактирование модератором:
Сверху