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

ANTICHAT (https://forum.antichat.xyz/index.php)

- PHP (https://forum.antichat.xyz/forumdisplay.php?f=37)

- - Система баннеров как на форуме Arizona RP (https://forum.antichat.xyz/showthread.php?t=1453493)

Всем привет. Решил показать как сделать систему баннеров как на форуме Аризоны.

И так приступаем...

ШАГ 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.jpgDRAGON COMPANY · 10 Окт 2022 в 18:53' data-fancybox="lb-post-1167778" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/172548/" style="cursor: pointer;" title="Скриншот 10-10-2022 184453.jpg">
https://forum.antichat.xyz/attachments/28167778/

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

Скриншот 10-10-2022 184717.jpgDRAGON COMPANY · 10 Окт 2022 в 18:53' data-fancybox="lb-post-1167778" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/172550/" style="cursor: pointer;" title="Скриншот 10-10-2022 184717.jpg">
https://forum.antichat.xyz/attachments/28167778/

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

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

Сохраняем....

Вот что у нас получилось

Скриншот 10-10-2022 185227.jpgDRAGON COMPANY · 10 Окт 2022 в 18:53' data-fancybox="lb-post-1167778" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/172551/" style="cursor: pointer;" title="Скриншот 10-10-2022 185227.jpg">
https://forum.antichat.xyz/attachments/28167778/

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

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")

;

}

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

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

Цитата:

Сообщение от Danya_Yanke

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

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

Цитата:

Сообщение от Albert_Frepp

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

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

А вот и иконки

Основатель: 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

как это убрать? Стрелочкой показал у меня там группа одна с четвертинкой почему то помогите плз убратьСкриншот 04-11-2022 182352.jpgоварварпрва · 4 Ноя 2022 в 18:25' data-fancybox="lb-post-1187092" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="https://www.blast.hk/attachments/176141/" style="cursor: pointer;" title="Скриншот 04-11-2022 182352.jpg">
https://forum.antichat.xyz/attachments/28187092/

@

Скрытое содержимое для пользователя(ей):

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

Цитата:

Сообщение от оварварпрва

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

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

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

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

Цитата:

Сообщение от im0rg

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

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

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