Система баннеров как на форуме Arizona RP [Архив]

Просмотр полной версии : Система баннеров как на форуме Arizona RP

DRAGON COMPANY

10.10.2022, 19:53

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

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

ШАГ 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/

im0rg

10.10.2022, 21:12

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

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

01.11.2022, 13:11

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

Albert_Frepp

01.11.2022, 21:56

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

DRAGON COMPANY

02.11.2022, 11:13

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

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

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

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

А вот и иконки

Основатель: https://robo-hamster.ru/foreme/osnova.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL29zbm92YS 5zdmc)

Тех Администратор: https://robo-hamster.ru/foreme/tex.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL3RleC5zdm c)

Глав Админ: https://robo-hamster.ru/foreme/ga.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL2dhLnN2Zw )

Заместитель ГА: https://robo-hamster.ru/foreme/zga.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL3pnYS5zdm c)

Администратор: https://robo-hamster.ru/foreme/adm.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL2FkbS5zdm c)

Мл.Администратор: https://robo-hamster.ru/foreme/mla.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL21sYS5zdm c)

Хелпер: https://robo-hamster.ru/foreme/help.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL2hlbHAuc3 Zn)

оварварпрва

04.11.2022, 19:25

как это убрать? Стрелочкой показал у меня там группа одна с четвертинкой почему то помогите плз убратьСкриншот 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/

оварварпрва

04.11.2022, 19:27

@

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

оварварпрва

04.11.2022, 19:43

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

DRAGON COMPANY

05.11.2022, 10:22

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

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

оварварпрва

06.11.2022, 00:13

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

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

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

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

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

im0rg

06.11.2022, 01:32

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

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

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

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

тех админ:

&.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://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL2N1ci5zdm c)

Пользователь - https://robo-hamster.ru/foreme/user.svg (https://www.blast.hk/redirect/aHR0cHM6Ly9yb2JvLWhhbXN0ZXIucnUvZm9yZW1lL3VzZXIuc3 Zn)

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

CSS:

background-repeat
:
no-repeat
;

Albert_Frepp

06.11.2022, 10:25

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

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

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

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

тех админ:

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

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

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

https://forum.antichat.xyz/attachments/28188529/

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

https://forum.antichat.xyz/attachments/28188529/

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

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

оварварпрва

06.11.2022, 15:59

хех

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

Danya_Yanke

07.11.2022, 17:28

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

REV-9

17.11.2022, 02:53

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

оварварпрва

19.11.2022, 00:31

чего не понятно????

Uniton

21.11.2022, 15:23

А можете кинуть вместо основатель - администрация?

Albert_Frepp

22.11.2022, 20:41

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

Держи конечно, будем рады видеть!

Forum - Arizona Afolyx (https://www.blast.hk/redirect/aHR0cHM6Ly9mb3J1bS5hcnotYWZvbHl4LnRrL2luZGV4LnBocA )

Оффициальный форум проекта - Arizona Afolyx!

forum.arz-afolyx.tk

А можете кинуть вместо основатель - администрация?

Это надо самому уже баннер писать.

alex.morozov

22.11.2022, 23:16

Держи конечно, будем рады видеть!

Forum - Arizona Afolyx (https://www.blast.hk/redirect/aHR0cHM6Ly9mb3J1bS5hcnotYWZvbHl4LnRrL2luZGV4LnBocA )

Оффициальный форум проекта - Arizona Afolyx!

forum.arz-afolyx.tk

Это надо самому уже баннер писать.

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

Вк vk.com/escobarro777

Буду благодарен и помогу чем смогу

DRAGON COMPANY

23.11.2022, 22:51

Альберт ку, можешь пожалуйста в вк скинуть файл где все роли, они у меня не показываются кроме тех админа
Вк vk.com/escobarro777
Буду благодарен и помогу чем смогу

Попробуй их поскачивать в jpg формате

и залить на imgur/yapx

alex.morozov

23.11.2022, 23:36

Попробуй их поскачивать в jpg формате
и залить на imgur/yapx

все уже пофиксил

Попробуй их поскачивать в jpg формате
и залить на imgur/yapx

помоги найти плиз .svg 'Владелец' и 'Зам владельца'

DRAGON COMPANY

25.11.2022, 10:34

все уже пофиксил

помоги найти плиз .svg 'Владелец' и 'Зам владельца'

Такие только самостоятельно. на оригинальном такого нет

alex.morozov

25.11.2022, 23:25

Такие только самостоятельно. на оригинальном такого нет

а как сделать самостоятельно?

DRAGON COMPANY

25.11.2022, 23:52

а как сделать самостоятельно?

фотошоп

alex.morozov

26.11.2022, 15:20

фотошоп

а нету знакомых которые делают такие баннеры, я бы заплатил

DRAGON COMPANY

26.11.2022, 21:10

а нету знакомых которые делают такие баннеры, я бы заплатил

ну могу сделать пару штучек

alex.morozov

27.11.2022, 11:41

ну могу сделать пару штучек

vk.com/escobarro700

chelovek-goroshek

12.12.2022, 16:35

Не могу ссылку эту вставить, можно сделать её кликабельной?

alex.morozov

14.12.2022, 20:14

Не могу ссылку эту вставить, можно сделать её кликабельной?

*ASS* (https://www.blast.hk/redirect/aHR0cHM6Ly92ay5jb20vZXNjb2JhcnJvNzc3)

Limovs

28.12.2022, 03:08

https://i.ibb.co/fDBXxpn/n-NJGEO7inoo.webp (https://www.blast.hk/redirect/aHR0cHM6Ly9pYmIuY28veTRHTlF5WQ)

https://i.ibb.co/W00fNsx/Mo-Xw-YYSapo.webp (https://www.blast.hk/redirect/aHR0cHM6Ly9pYmIuY28vWlNTeFJOTA)

https://i.ibb.co/N68dxgy/E6-NENdak-IFg.webp (https://www.blast.hk/redirect/aHR0cHM6Ly9pYmIuY28vanZjUGg5cg)

Имба спасибо

Чекнуть можете http://a0757465.xsph.ru/index.php?threads/Ага.1/ (https://www.blast.hk/redirect/aHR0cDovL2EwNzU3NDY1LnhzcGgucnUvaW5kZXgucGhwP3Rocm VhZHMvJUQwJTkwJUQwJUIzJUQwJUIwLjEv)

Также вот все баннеры и код для шаблонов

CSS:

&.userBanner--osnovatel
{
background
:
url(https://robo-hamster.ru/foreme/osnova.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--ga
{
background
:
url(https://robo-hamster.ru/foreme/ga.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--zga
{
background
:
url(https://robo-hamster.ru/foreme/zga.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--kurator
{
background
:
url(https://robo-hamster.ru/foreme/cur.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--admin4
{
background
:
url(https://robo-hamster.ru/foreme/adm.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--admin3
{
background
:
url(https://robo-hamster.ru/foreme/mla.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--helper
{
background
:
url(https://robo-hamster.ru/foreme/help.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--user
{
background
:
url(https://robo-hamster.ru/foreme/user.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--tehadm
{
background
:
url(https://robo-hamster.ru/foreme/tex.svg)
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--n
{
background
:
url()
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--n
{
background
:
url()
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}
&.userBanner--n
{
background
:
url()
;
width
:
150px
;
height
:
46px
;
font-size
:
0px
;
background-repeat
:
no-repeat
;
}

User это пользователь ес че, в Registered вставляете

А остальные n и без ссылки это кастомки, их вы делаете свои если хотите)

nicknack

13.01.2023, 18:48

Как сделать такую же ссылку? С обычного imgur не выходит почему-то

DRAGON COMPANY

14.01.2023, 21:37

Как сделать такую же ссылку? С обычного imgur не выходит почему-то

ПКМ по картинке и копировать адрес изображения

suinsight/

17.01.2023, 14:15

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

Код вставляется в extra.less

}

.message-cell.message-cell--user {

flex: 0 0 182px;

}

xTrySimple

01.02.2023, 18:33

есть типо гс госс гс гетто и тп?

DRAGON COMPANY

04.02.2023, 15:38

есть типо гс госс гс гетто и тп?

Нет

полный 0

11.02.2023, 22:17

Как сделать такие баннеры ничего не понимаю.

xTrySimple

15.02.2023, 15:55

Как сделать такие баннеры ничего не понимаю.

к сожалению никак,но можно фотошопом сделать

Puff_Lodet

09.05.2023, 02:05

banner forum.psd (https://www.blast.hk/redirect/aHR0cHM6Ly9kcml2ZS5nb29nbGUuY29tL2ZpbGUvZC8xUXZFVl Uzc19DWmVxVzhzdXFhSWJkQThoTVlySFBWM1Uvdmlldz91c3A9 c2hhcmluZw)

drive.google.com

Maybe_Games

28.08.2025, 16:16