Как сделать так , чтобы роли были на 1-ом уровне

Ladno Solova · Вчера в 14:19

В чём суть : роль команда форума немного выходит вверх , как сделать так , чтобы именно эта роль была на 1-ом уровне с остальными (все остальные на 1-ом уровне)

Код:

.userBanner.userBanner--staff  {
    background: url(https://i.postimg.cc/PrqSx119/Screenshot-20250907-140551.png);
    width: 156px;
    height: 30px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

IntelCore · Вчера в 14:25

пришли общий userbanner если есть, если нет к нему примени те же свойства что и к баннеру staff в плане позиции

Ladno Solova · Вчера в 14:26

IntelCore написал(а):
пришли общий userbanner если есть, если нет к нему примени те же свойства что и к баннеру staff в плане позиции

Не понял немного...

IntelCore · Вчера в 14:31

Ladno Solova написал(а):
Не понял немного...

у тебя в extra.less есть userBanner?

Ladno Solova · Вчера в 14:33

IntelCore написал(а):
у тебя в extra.less есть userBanner?

Ну т.е в коде на команду форума - есть

Jack_Mithel · Вчера в 14:40

Ladno Solova написал(а):
Ну т.е в коде на команду форума - есть

скинь весь extra.less

Ladno Solova · Вчера в 14:41

Jack_Mithel написал(а):
скинь весь extra.less

extra:

<xf:include template="nexxe.less" />

.rpBanner {        /** общие свойства ко всем баннерам **/
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5;
    padding: 5px 5px 5px 20px;
    border: none;
    border-radius: 7px;
    &.osnovatel {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #8B0000, #B22222);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    /** перед последней скобкой копируем код баннера и делаем новый **/
    /** меняем цвета и всё что не нравится **/
    /** пример ниже **/
    &.razrab {
        background: linear-gradient(90deg, #FF1493, #FF69B4);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.rukovod {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #DC143C, #CD5C5C);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.spec {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #FF0000, #FA8072);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.ga {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #FF4500, #FF6347);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.zga {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #FF8C00, #FFA500);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.kyrator {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #6A5ACD, #483D8B);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.gs {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #5F9EA0, #B0E0E6);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.zgs {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #66CDAA, #7FFFD4);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.st_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #48D1CC, #00CED1);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #4682B4, #008080);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.ml_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #556B2F, #6B8E23);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.helper {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #D2691E, #CD853F);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.user {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #696969, #808080);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.tex_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #7B68EE, #4169E1);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.st_tex_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #9400D3, #9932CC);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.gl_tex_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #8B008B, #800080);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.lider {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #BC8F8F, #D2B48C);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.media {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #CD5C5C, #FA8072);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
}
@media (max-width: 600px) { /** мобильная адаптация **/
  .rpBanner {
    font-size: 12px;
    line-height: 2;
    padding-left: 35px;
  }
  .userBanner-before {
    width: 25px;
  }
}

.otkazano {
    background-image: linear-gradient(150deg, #DC143C, #B22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #DC143C
}

.vazno {
    background-image: linear-gradient(150deg, #DC143C, #B22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #DC143C
}

.zakrito {
    background-image: linear-gradient(150deg, #DC143C, #B22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #DC143C
}

.odobreno {
    background-image: linear-gradient(150deg, #3CB371, #2E8B57);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #3CB371
}

.otkrito {
    background-image: linear-gradient(150deg, #3CB371, #2E8B57);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #3CB371
}

.v_rasmotrenii {
    background-image: linear-gradient(150deg, #FFD700, #FFA500);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #FFD700
}

.novosti {
    background-image: linear-gradient(150deg, #FF7F50, #FFA07A);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #C0C0C0
}

.information {
    background-image: linear-gradient(150deg, #1E90FF, #4682B4);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #1E90FF
}

.resheno {
    background-image: linear-gradient(150deg, #6A5ACD, #483D8B);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #6A5ACD
}


.node-body {
  transition: transform 0.5s;
}
.node-body:hover {
  transform: scale(1.08);
}

.thBranding {
    display: none;
}

.userBanner.userBanner--staff  {
    background: url(https://i.postimg.cc/PrqSx119/Screenshot-20250907-140551.png);
    width: 156px;
    height: 33px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

Jack_Mithel · Вчера в 15:16

ты откуда этот код взял вообще?

Ladno Solova · Вчера в 15:17

Jack_Mithel написал(а):
ты откуда этот код взял вообще?

Сам

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · Вчера в 15:24

Сам или CHAT GPT?

Ladno Solova · Вчера в 15:26

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 написал(а):
Сам или CHAT GPT?

Почему же chat gpt ? Роли взял от сюда , просто поменял цвета и добавил то , что надо было. Префексы так же отсюда , переделал цвета

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪 · Вчера в 15:33

А ну тогда без проблем

Ladno Solova · Вчера в 15:38

Ladno Solova написал(а):
В чём суть : роль команда форума немного выходит вверх , как сделать так , чтобы именно эта роль была на 1-ом уровне с остальными (все остальные на 1-ом уровне)

Код:

.userBanner.userBanner--staff { background: url(https://i.postimg.cc/PrqSx119/Screenshot-20250907-140551.png); width: 156px; height: 30px; font-size: 0px; background-repeat: no-repeat; background-position: center; background-size: cover; border: none; display: inline-flex }

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

@Kolpak help

IntelCore · Вчера в 15:59

Ladno Solova написал(а):

extra:

<xf:include template="nexxe.less" />

.rpBanner {        /** общие свойства ко всем баннерам **/
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5;
    padding: 5px 5px 5px 20px;
    border: none;
    border-radius: 7px;
    &.osnovatel {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #8B0000, #B22222);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    /** перед последней скобкой копируем код баннера и делаем новый **/
    /** меняем цвета и всё что не нравится **/
    /** пример ниже **/
    &.razrab {
        background: linear-gradient(90deg, #FF1493, #FF69B4);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.rukovod {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #DC143C, #CD5C5C);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.spec {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #FF0000, #FA8072);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.ga {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #FF4500, #FF6347);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.zga {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #FF8C00, #FFA500);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.kyrator {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #6A5ACD, #483D8B);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.gs {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #5F9EA0, #B0E0E6);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.zgs {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #66CDAA, #7FFFD4);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.st_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #48D1CC, #00CED1);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #4682B4, #008080);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.ml_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #556B2F, #6B8E23);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.helper {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #D2691E, #CD853F);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.user {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #696969, #808080);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.tex_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #7B68EE, #4169E1);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.st_tex_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #9400D3, #9932CC);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.gl_tex_adm {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #8B008B, #800080);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.lider {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #BC8F8F, #D2B48C);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
    &.media {      /** свойства конкретного баннера **/
        background: linear-gradient(90deg, #CD5C5C, #FA8072);
        color: #fff;
            .userBanner-before {    /** свойства иконки **/
                position: absolute;
                left: 5px;
                top: 0;
                bottom: 0;
                background: url("https://i.postimg.cc/K8BmSYy4/Polish-20250906-232649035.png");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 30px;
                height: 100%;
        }
    }
}
@media (max-width: 600px) { /** мобильная адаптация **/
  .rpBanner {
    font-size: 12px;
    line-height: 2;
    padding-left: 35px;
  }
  .userBanner-before {
    width: 25px;
  }
}

.otkazano {
    background-image: linear-gradient(150deg, #DC143C, #B22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #DC143C
}

.vazno {
    background-image: linear-gradient(150deg, #DC143C, #B22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #DC143C
}

.zakrito {
    background-image: linear-gradient(150deg, #DC143C, #B22222);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #DC143C
}

.odobreno {
    background-image: linear-gradient(150deg, #3CB371, #2E8B57);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #3CB371
}

.otkrito {
    background-image: linear-gradient(150deg, #3CB371, #2E8B57);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #3CB371
}

.v_rasmotrenii {
    background-image: linear-gradient(150deg, #FFD700, #FFA500);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #FFD700
}

.novosti {
    background-image: linear-gradient(150deg, #FF7F50, #FFA07A);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #C0C0C0
}

.information {
    background-image: linear-gradient(150deg, #1E90FF, #4682B4);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #1E90FF
}

.resheno {
    background-image: linear-gradient(150deg, #6A5ACD, #483D8B);
    color: white;
    text-transform: uppercase;
    font-size: 66%;
    padding: 3px 6px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0px 0px 30px #6A5ACD
}


.node-body {
  transition: transform 0.5s;
}
.node-body:hover {
  transform: scale(1.08);
}

.thBranding {
    display: none;
}

.userBanner.userBanner--staff  {
    background: url(https://i.postimg.cc/PrqSx119/Screenshot-20250907-140551.png);
    width: 156px;
    height: 33px;
    font-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

position: relative;
padding: 5px 5px 5px 20px;

Это к стафф баннеру добавь. По идеи это и должно распологать баннер в том же месте, что и основные баннеры. Я может слепой и упустил ещё одно правило какое-то, проверь это пока

Ladno Solova · Вчера в 16:01

IntelCore написал(а):
position: relative;
padding: 5px 5px 5px 20px;

Это к стафф баннеру добавь. По идеи это и должно распологать баннер в том же месте, что и основные баннеры. Я может слепой и упустил ещё одно правило какое-то, проверь это пока

Т.е на след. строке после : display: inline-flex вставить

osition: relative;
padding: 5px 5px 5px 20px;?

IntelCore · Вчера в 16:17

Ladno Solova написал(а):
Т.е на след. строке после : display: inline-flex вставить osition: relative;
padding: 5px 5px 5px 20px;?

CSS:

.userBanner.userBanner--staff {
    background: url(https://i.postimg.cc/PrqSx119/Screenshot-20250907-140551.png);
    position: relative;
    padding: 5px 5px 5px 20px;
    width: 156px;
    height: 33px;
    font-size: 0px;
    border-radius: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

Ladno Solova · Вчера в 16:21

IntelCore написал(а):

CSS:

.userBanner.userBanner--staff {
    background: url(https://i.postimg.cc/PrqSx119/Screenshot-20250907-140551.png);
    position: relative;
    padding: 5px 5px 5px 20px;
    width: 156px;
    height: 33px;
    font-size: 0px;
    border-radius: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    display: inline-flex
}

Так же

IntelCore · Вчера в 16:23

Ladno Solova написал(а):
Посмотреть вложение 12466

Так же

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

KeoFox · Вчера в 17:22

к мобильной адаптации

CSS:

.memberHeader-banners {
    display: flex;
}

Ladno Solova · Сегодня в 00:44

KeoFox написал(а):
к мобильной адаптации

CSS:

.memberHeader-banners { display: flex; }

Куда это вставлять?

LIVE SAMP

Как сделать так , чтобы роли были на 1-ом уровне

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

Ladno Solova

IntelCore

Alt Linux - The best!

Ladno Solova

IntelCore

Alt Linux - The best!

Ladno Solova

Jack_Mithel

Ladno Solova

Jack_Mithel

Ladno Solova

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Ladno Solova

ⲇⲉⲣυⲧⲁⲧ ⲣⲓⲧⲉʀⲋⲕⲓⲩ 𓆩♡𓆪

Ladno Solova

IntelCore

Alt Linux - The best!

Ladno Solova

IntelCore

Alt Linux - The best!

Ladno Solova

IntelCore

Alt Linux - The best!

KeoFox

Ladno Solova