CSS Система баннеров как на форуме Arizona RP

[DRAGON COMPANY]

Всем привет. Решил показать как сделать систему баннеров как на форуме Аризоны.
И так приступаем...
ШАГ 1:
Создаём группу. У меня это Тех Админ
ШАГ 2: Идём по ссылке ваш-домен.ru/admin.php?templates/app_user_banners-less.1208/edit&style_id=3 идём на строку 63 и вставляем код который ниже:

 &.userBanner--tehadm {background: url(https://i.imgur.com/eJevhY9.png); width: 150px; height: 46px; font-size: 0px; }

Сохраняем изменения...
Ниже прикрепляю скриншот

Далее идём к группе которую мы создали

В текст баннера пишем любой текст у меня точка.

Стиль баннера заполняем как у меня (для следующих баннеров менять только слово tehadm
Сохраняем....
Вот что у нас получилось

 

[im0rg]

Но я бы сделал так, сначала определить общий стиль

&.userBanner--custom{
    width: 150px;
    height: 46px;
    font-size: 0px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 75/23;
}

а уже для каждой группы сделал бы уже так

&.userBanner--custom.userGroup{
    background-image: url("link to picture");
}

 

[Danya_Yanke]

дайте ссылку на все роли пожалуйста

 

[Albert_Frepp]

а как установить

 

[DRAGON COMPANY]

дайте ссылку на все роли пожалуйста

сделаю чуть позже

а как установить

самое первое сообщение это инструкция

А вот и иконки
Основатель: https://robo-hamster.ru/foreme/osnova.svg
Тех Администратор: https://robo-hamster.ru/foreme/tex.svg
Глав Админ: https://robo-hamster.ru/foreme/ga.svg
Заместитель ГА: https://robo-hamster.ru/foreme/zga.svg
Администратор: https://robo-hamster.ru/foreme/adm.svg
Мл.Администратор: https://robo-hamster.ru/foreme/mla.svg
Хелпер: https://robo-hamster.ru/foreme/help.svg

 

[оварварпрва]

как это убрать? Стрелочкой показал у меня там группа одна с четвертинкой почему то помогите плз убрать

 

[оварварпрва]

@

 

[оварварпрва]

попробывал поставить ту ссылку на тех админа из имгура все норм, скиньте пожалуйста архив с картинками всеми

 

[DRAGON COMPANY]

как это убрать? Стрелочкой показал у меня там группа одна с четвертинкой почему то помогите плз убратьПосмотреть вложение 176141

Поиграйся с cssсами

 

[оварварпрва]

Можно подробнее>?

Или скиньте пожалуйста свои файлы с форума

Но я бы сделал так, сначала определить общий стиль

&.userBanner--custom{
    width: 150px;
    height: 46px;
    font-size: 0px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 75/23;
}

а уже для каждой группы сделал бы уже так

&.userBanner--custom.userGroup{
    background-image: url("link to picture");
}

куда че вставлять?

Эврика! Смог! У тех у кого так же - сделайте такой код

&.userBanner--tehadm {background: url(https://robo-hamster.ru/foreme/tex.svg); width: 150px; height: 36px; font-size: 0px; }

Менять ширину - width, а высота баннера - height

Найдите пожалуйста еще Куратор и Пользователь

 

[im0rg]

Можно подробнее>?

Или скиньте пожалуйста свои файлы с форума


куда че вставлять?

Эврика! Смог! У тех у кого так же - сделайте такой код

&.userBanner--tehadm {background: url(https://robo-hamster.ru/foreme/tex.svg); width: 150px; height: 36px; font-size: 0px; }

Менять ширину - width, а высота баннера - height

Найдите пожалуйста еще Куратор и Пользователь

Куратор - https://robo-hamster.ru/foreme/cur.svg
Пользователь - https://robo-hamster.ru/foreme/user.svg

как это убрать? Стрелочкой показал у меня там группа одна с четвертинкой почему то помогите плз убратьПосмотреть вложение 176141

background-repeat: no-repeat;

 

[Albert_Frepp]

Можно подробнее>?

Или скиньте пожалуйста свои файлы с форума


куда че вставлять?

Эврика! Смог! У тех у кого так же - сделайте такой код

&.userBanner--tehadm {background: url(https://robo-hamster.ru/foreme/tex.svg); width: 150px; height: 36px; font-size: 0px; }

Менять ширину - width, а высота баннера - height

Найдите пожалуйста еще Куратор и Пользователь

у меня так получилось,как его левее сделать?

у меня так получилось,как его левее сделать?

все убрал,надо было роль "команда форума" удалить,спасибо.

 

[оварварпрва]

хех
Дай пожалуйста ссылку на форум, чекну мб еще помогу что нибудь сделать

 

[Danya_Yanke]

а типо я ссылку меняю у меня не появляется нечего

 

[REV-9]

теперь осталось погадать на кофейной гуще и понять какую ссылку и где