LIVE SAMP

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

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

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

Зарегистрироваться!
arvion

arvion

Программировать - значит понимать
Только чтение
Регистрация
14 Мар 2025
Сообщения
215
В чём суть : роль команда форума немного выходит вверх , как сделать так , чтобы именно эта роль была на 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
}

Screenshot_20250907-141716.png
 
It's-Intel

It's-Intel

>_
Заблокированный
Регистрация
17 Июн 2025
Сообщения
2,021
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
пришли общий userbanner если есть, если нет к нему примени те же свойства что и к баннеру staff в плане позиции
 
It's-Intel

It's-Intel

>_
Заблокированный
Регистрация
17 Июн 2025
Сообщения
2,021
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Ladno Solova написал(а):
Не понял немного...
Нажмите для раскрытия...
у тебя в extra.less есть userBanner?
 
Jack_Mithel

Jack_Mithel

Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,412
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Ladno Solova написал(а):
Ну т.е в коде на команду форума - есть
Нажмите для раскрытия...
скинь весь extra.less
 
arvion

arvion

Программировать - значит понимать
Только чтение
Регистрация
14 Мар 2025
Сообщения
215
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

Jack_Mithel

Заблокированный
Регистрация
3 Янв 2025
Сообщения
1,412
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
ты откуда этот код взял вообще?
 
arvion

arvion

Программировать - значит понимать
Только чтение
Регистрация
14 Мар 2025
Сообщения
215
arvion

arvion

Программировать - значит понимать
Только чтение
Регистрация
14 Мар 2025
Сообщения
215
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
 
It's-Intel

It's-Intel

>_
Заблокированный
Регистрация
17 Июн 2025
Сообщения
2,021
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
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;

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

arvion

Программировать - значит понимать
Только чтение
Регистрация
14 Мар 2025
Сообщения
215
IntelCore написал(а):
position: relative;
padding: 5px 5px 5px 20px;

Это к стафф баннеру добавь. По идеи это и должно распологать баннер в том же месте, что и основные баннеры. Я может слепой и упустил ещё одно правило какое-то, проверь это пока
Нажмите для раскрытия...
Т.е на след. строке после : display: inline-flex вставить :position: relative;
padding: 5px 5px 5px 20px;?
 
It's-Intel

It's-Intel

>_
Заблокированный
Регистрация
17 Июн 2025
Сообщения
2,021
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Ladno Solova написал(а):
Т.е на след. строке после : display: inline-flex вставить :position: 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
}
 
arvion

arvion

Программировать - значит понимать
Только чтение
Регистрация
14 Мар 2025
Сообщения
215
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
}
Нажмите для раскрытия...
Screenshot_20250907-162006.png

Так же
 
It's-Intel

It's-Intel

>_
Заблокированный
Регистрация
17 Июн 2025
Сообщения
2,021
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Ladno Solova написал(а):
Посмотреть вложение 12466

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

KeoFox

Пользователь
Регистрация
5 Июл 2025
Сообщения
506
к мобильной адаптации
CSS: 
.memberHeader-banners {
    display: flex;
}
 
Войдите или зарегистрируйтесь для ответа.
Сверху