Регистрация

Что нового?

Внимание, Гость! Для скачивания данного ресурса, тебе необходимо поставить «Like» на данный ресурс.

JavaScript отключён. Чтобы полноценно использовать наш сайт, включите JavaScript в своём браузере.

AURFUN

Анимированные баннеры для форума

Главная
Software development
XenForo
Template modification
Анимированные баннеры для форума

1 / 1

Обзор

Resource Description

Взято с Pawno-Help

Смотря различные форумы в инете наткнулся на 1 и заметил, что у них довольно интересные анимированные баннеры и решил слить их вам, мб кому-то пригодятся. Всего 11 баннеров и вот они:

Инструкция по установке:
1) Сначала создаёте на своём хостинге в корневой папке форума папку в которую будете заливать все баннеры. После её создания заливаете все баннеры в это папку.
2) Вставляете код баннеров в шаблон extra.less вашего стиля и сохраняете.
P.S. Если вы назвали папку по другому, то в коде баннеров в строчках где идёт путь к баннеру меняйте на название своей папки, где располагаются баннеры
3) Переходите в группы пользователей и выбираете вашу группу или создаёте новую, для которой хотите присвоить баннер. После перехода в нужную группу обязательно пропиваете, что угодно в поле "Текст баннера" чтобы баннер отображался. И в поле "Стиль баннер" ставите галочку в поле "Другой, используя своё имя CSS-класса" и прописываете класс баннеров без точки. То есть например вы хотите баннер класса .AdminGroup, то в поле другой прописываете просто: AdminGroup и всё
4) Также чтобы баннеры отображались у определённого пользователя надо присвоить пользователю группу пользователей у которой этот баннер. Переходите в меню - Пользователи - Список всех пользователей и выбираете там нужного вам пользователя. В настройках пользователя в полях "Группа пользователя" и "
Дополнительные группы пользователя" устанавливаете ему нужную группу и сохраняете.
5) Вот и всё, баннер теперь должен отображаться

Сам код и архив с баннерами:

Less:

.userBanner {
font-size: 75%;
font-weight: 500;
font-style: normal;
padding: 1px 8px;
border: 1px solid hsla(0,0%,0%,0);
border-radius: 4px;
text-align: center;
display: inline-block
}
.userBanner.userBanner--staff {
text-indent: -10000em;
background: url(banners/Staff.png) no-repeat;
width: 150px;
height: 55px;
color: unset;
border: none
}
.AdminGroup {
text-indent: -10000em;
background: url(banners/Admin.png) no-repeat;
width: 145px;
height: 55px
}
.PrimeGroup {
text-indent: -10000em;
background: url(banners/Prime.png) no-repeat;
width: 140px;
height: 55px
}
.MythicalGroup {
text-indent: -10000em;
background: url(banners/Mythical.png) no-repeat;
width: 150px;
height: 55px
}
.ExclusiveGroup {
text-indent: -10000em;
background: url(banners/Exclusive.png) no-repeat;
width: 155px;
height: 55px
}
.DevGroup {
text-indent: -10000em;
background: url(banners/Dev.png) no-repeat;
width: 150px;
height: 55px
}
.RoyalGroup {
text-indent: -10000em;
background: url(banners/Royal.png) no-repeat;
width: 136px;
height: 55px
}
.PrivateGroup {
text-indent: -10000em;
background: url(banners/Private_Party.png) no-repeat;
width: 150px;
height: 55px
}
.ModGroup {
text-indent: -10000em;
background: url(banners/Mod.png) no-repeat;
width: 150px;
height: 55px
}
.VerifiedGroup {
text-indent: -10000em;
background: url(banners/Verified.png) no-repeat;
width: 150px;
height: 55px
}
.ContentMakerGroup {
text-indent: -10000em;
background: url(banners/District.png) no-repeat;
width: 150px;
height: 55px
}

Баннеры, которые заливать на хостинг в папку:
Т.к вес большой, вот ссылка на архив с баннерами: