ANTICHAT

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)

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
Цитата:
Сообщение от 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 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
Можно подробнее>?

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

Цитата:
Сообщение от 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

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

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://robo-hamster.ru/foreme/user.svg

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

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

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

Цитата:
Сообщение от Albert_Frepp

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

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

forum.arz-afolyx.tk


Цитата:
Сообщение от Uniton

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

alex.morozov 22.11.2022 23:16
Цитата:
Сообщение от Albert_Frepp

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

Forum - Arizona Afolyx

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

forum.arz-afolyx.tk


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

Вк vk.com/escobarro777

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

DRAGON COMPANY 23.11.2022 22:51
Цитата:
Сообщение от escobarro700

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

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

alex.morozov 23.11.2022 23:36
Цитата:
Сообщение от maksim5867

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

Цитата:
Сообщение от maksim5867

Попробуй их поскачивать в jpg формате
и залить на imgur/yapx
помоги найти плиз .svg 'Владелец' и 'Зам владельца'

DRAGON COMPANY 25.11.2022 10:34
Цитата:
Сообщение от escobarro700

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

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

alex.morozov 25.11.2022 23:25
Цитата:
Сообщение от maksim5867

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

DRAGON COMPANY 25.11.2022 23:52
Цитата:
Сообщение от escobarro700

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

alex.morozov 26.11.2022 15:20
Цитата:
Сообщение от maksim5867

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

DRAGON COMPANY 26.11.2022 21:10
Цитата:
Сообщение от escobarro700

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

alex.morozov 27.11.2022 11:41
Цитата:
Сообщение от maksim5867

ну могу сделать пару штучек
vk.com/escobarro700

chelovek-goroshek 12.12.2022 16:35
Не могу ссылку эту вставить, можно сделать её кликабельной?

alex.morozov 14.12.2022 20:14
Цитата:
Сообщение от chelovek-goroshek

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

Limovs 28.12.2022 03:08
https://i.ibb.co/fDBXxpn/n-NJGEO7inoo.webp

https://i.ibb.co/W00fNsx/Mo-Xw-YYSapo.webp

https://i.ibb.co/N68dxgy/E6-NENdak-IFg.webp

Имба спасибо

Чекнуть можете http://a0757465.xsph.ru/index.php?threads/Ага.1/

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

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
Цитата:
Сообщение от nicknack

Как сделать такую же ссылку? С обычного 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
Цитата:
Сообщение от xTrySimple

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

полный 0 11.02.2023 22:17
Как сделать такие баннеры ничего не понимаю.

xTrySimple 15.02.2023 15:55
Цитата:
Сообщение от полный 0

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

Puff_Lodet 09.05.2023 02:05
banner forum.psd

drive.google.com

Maybe_Games 28.08.2025 16:16
Цитата:
Сообщение от 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
Сохраняем....
Вот что у нас получилось
Я сделал как ты писал нечего


Время: 23:55