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

DRAGON COMPANY

Участник
Автор темы
25
4
Всем привет. Решил показать как сделать систему баннеров как на форуме Аризоны.
И так приступаем...
ШАГ 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; }
Сохраняем изменения...
Ниже прикрепляю скриншот
Скриншот 10-10-2022 184453.jpg

Далее идём к группе которую мы создали
Скриншот 10-10-2022 184717.jpg


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

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

im0rg

Известный
Друг
587
214
Но я бы сделал так, сначала определить общий стиль
CSS:
&.userBanner--custom{
    width: 150px;
    height: 46px;
    font-size: 0px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 75/23;
}
а уже для каждой группы сделал бы уже так
CSS:
&.userBanner--custom.userGroup{
    background-image: url("link to picture");
}
 

DRAGON COMPANY

Участник
Автор темы
25
4
дайте ссылку на все роли пожалуйста
сделаю чуть позже

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

А вот и иконки
Основатель: 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
 
Последнее редактирование:

оварварпрва

Новичок
6
0
как это убрать? Стрелочкой показал у меня там группа одна с четвертинкой почему то помогите плз убрать
Скриншот 04-11-2022 182352.jpg
 

оварварпрва

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

оварварпрва

Новичок
6
0
Можно подробнее>?

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

Но я бы сделал так, сначала определить общий стиль
CSS:
&.userBanner--custom{
    width: 150px;
    height: 46px;
    font-size: 0px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 75/23;
}
а уже для каждой группы сделал бы уже так
CSS:
&.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

Найдите пожалуйста еще Куратор и Пользователь
 
Последнее редактирование:
  • Bug
Реакции: flurace

im0rg

Известный
Друг
587
214
Можно подробнее>?

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


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

Эврика! Смог! У тех у кого так же - сделайте такой код
тех админ:
&.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
CSS:
background-repeat: no-repeat;
 

Albert_Frepp

Новичок
6
1
Можно подробнее>?

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


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

Эврика! Смог! У тех у кого так же - сделайте такой код
тех админ:
&.userBanner--tehadm {background: url(https://robo-hamster.ru/foreme/tex.svg); width: 150px; height: 36px; font-size: 0px; }

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

Найдите пожалуйста еще Куратор и Пользователь
2022-11-06_11-24-51.png

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

2022-11-06_11-24-51.png

у меня так получилось,как его левее сделать?
все убрал,надо было роль "команда форума" удалить,спасибо.
 
Последнее редактирование:

REV-9

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