- Версия XenForo
- 2.0
- 2.1
- 2.2
- 2.3
Инструкция по добавлению:
1) Скачиваем ZIP архив
2) Заходим на свой хостинг
3) Заходим в FTP (файловый менеджер)
4) Переходим в корневую папку сайта (форума)
4.1) Там должны быть: data, install, internal_data, js, library, src, styles, upload, admin.php и другое
5) Заходим в папку: styles
6) Там в: banner (если нету - создайте)
7) В папку banner добавляем все наши svg файлы
Наш путь должен быть такой (примерно, может немного отличаться): /www/вашсайт/styles/banner
После того, как добавили все файлы - заходим на форум и в панель управления:
1) Внешний вид -> Шаблоны -> в поиске пишем: extra.less
2) Заходим в этот шаблон (extra.less)
3) Пишем туда этот код (для всех баннеров):
Обратите внимание! Строчка:
background-image: url(/styles/banner/osnovatel.svg) !important;
То, что написано в скобках (styles/banner...) - проверьте, что у вас идет такой же путь. Если у вас немного не так или другое название файла .svg, то меняйте под себя. Этот URL ведет путь в FTP: где лежит у вас этот баннер. Если у вас немного другой путь, то меняйте под себя (обычно он должен быть как у меня)
Обратите внимание! У вас везде должно быть единое название: если название файла: specadm.svg, то в коде везде должно быть написано строго так: specadm (кроме /* Текст */). Если что, пишите вопросы в эту тему
После того, как мы вставили этот код в extra.less - сохраняем.
4) Заходим в Группы и права -> Группы пользователей и настраиваем стиль баннера для каждой группы:
В "Стиль баннера" выбираем: Другой, использующий своё имя CSS-класса и пишем то, что относится к нашей группе:
Пользователь: user
Хелпер: helper
Младший администратор: mladm
Администратор: adm
Куратор: curator
Тех. поддержка форума: forumtech
Тех. админ: techadm
ЗГА: zga
ГА: ga
Спец. адм: specadm
Комьюнити: cumman
Если у вас установлен плагин на покраску имен под цвет группы ( [ForoAgency] Colored Username Everywhere) и вы хотите, чтобы цвет ника был под баннер, то перед: Текст баннера, есть поле. Его настройте:
CSS для имени пользователя:
Пользователь:
Хелпер:
Мл. адм:
Администратор:
Куратор:
Тех. поддержка форума (у меня так, я не настраивал, т.к у меня она ниже другой группы и цвет берется от высшей, в моем случае: Куратора):
Тех. админ: также не настраивал, т.к идет цвет от высшей группы: Куратор
ЗГА:
ГА:
Спец. адм:
Комьюнити:
Сохраняем каждую группу. Выдаем себе и проверяем
Если вдруг у вас ошибки, что-то не получается:
1) Заново ВНИМАТЕЛЬНО прочитайте тему (инструкцию)
2) ВНИМАТЕЛЬНО прочитайте и обратите внимание на красный текст
3) Напишите сюда и Я или другие пользователи Вам помогут
4) Перейдите на мой форум, где можете создать обращение (в тех. разделе) [тык]
Всем добра!
1) Скачиваем ZIP архив
2) Заходим на свой хостинг
3) Заходим в FTP (файловый менеджер)
4) Переходим в корневую папку сайта (форума)
4.1) Там должны быть: data, install, internal_data, js, library, src, styles, upload, admin.php и другое
5) Заходим в папку: styles
6) Там в: banner (если нету - создайте)
7) В папку banner добавляем все наши svg файлы
Наш путь должен быть такой (примерно, может немного отличаться): /www/вашсайт/styles/banner
После того, как добавили все файлы - заходим на форум и в панель управления:
1) Внешний вид -> Шаблоны -> в поиске пишем: extra.less
2) Заходим в этот шаблон (extra.less)
3) Пишем туда этот код (для всех баннеров):
Код для баннеров:
/* ========== БАННЕРЫ ========== */
/* Пользователь */
.message-userDetails .user,
.userBanner.user {
background-image: url(/styles/banner/user.svg) !important;
}
/* Лидер */
.message-userDetails .leader,
.userBanner.leader {
background-image: url(/styles/banner/leader.svg) !important;
}
/* Хелпер */
.message-userDetails .helper,
.userBanner.helper {
background-image: url(/styles/banner/helper.svg) !important;
}
/* Мл. Администратор */
.message-userDetails .mladm,
.userBanner.mladm {
background-image: url(/styles/banner/mladm.svg) !important;
}
/* Администратор */
.message-userDetails .adm,
.userBanner.adm {
background-image: url(/styles/banner/adm.svg) !important;
}
/* Куратор */
.message-userDetails .curator,
.userBanner.curator {
background-image: url(/styles/banner/curator.svg) !important;
}
/* Тех. поддержка форума */
.message-userDetails .forumtech,
.userBanner.forumtech {
background-image: url(/styles/banner/forumtech.svg) !important;
}
/* Тех. админ */
.message-userDetails .tech,
.userBanner.techadm {
background-image: url(/styles/banner/techadm.svg) !important;
}
/* ЗГА */
.message-userDetails .zga,
.userBanner.zga {
background-image: url(/styles/banner/zga.svg) !important;
}
/* ГА */
.message-userDetails .ga,
.userBanner.ga {
background-image: url(/styles/banner/ga.svg) !important;
}
/* Спец. Администратор */
.message-userDetails .specadm,
.userBanner.specadm {
background-image: url(/styles/banner/specadm.svg) !important;
}
/* Cumman */
.message-userDetails .cumman,
.userBanner.cumman {
background-image: url(/styles/banner/cumman.svg) !important;
}
Обратите внимание! Строчка:
background-image: url(/styles/banner/osnovatel.svg) !important;
То, что написано в скобках (styles/banner...) - проверьте, что у вас идет такой же путь. Если у вас немного не так или другое название файла .svg, то меняйте под себя. Этот URL ведет путь в FTP: где лежит у вас этот баннер. Если у вас немного другой путь, то меняйте под себя (обычно он должен быть как у меня)
Обратите внимание! У вас везде должно быть единое название: если название файла: specadm.svg, то в коде везде должно быть написано строго так: specadm (кроме /* Текст */). Если что, пишите вопросы в эту тему
После того, как мы вставили этот код в extra.less - сохраняем.
4) Заходим в Группы и права -> Группы пользователей и настраиваем стиль баннера для каждой группы:
В "Стиль баннера" выбираем: Другой, использующий своё имя CSS-класса и пишем то, что относится к нашей группе:
Пользователь: user
Хелпер: helper
Младший администратор: mladm
Администратор: adm
Куратор: curator
Тех. поддержка форума: forumtech
Тех. админ: techadm
ЗГА: zga
ГА: ga
Спец. адм: specadm
Комьюнити: cumman
Если у вас установлен плагин на покраску имен под цвет группы ( [ForoAgency] Colored Username Everywhere) и вы хотите, чтобы цвет ника был под баннер, то перед: Текст баннера, есть поле. Его настройте:
CSS для имени пользователя:
Пользователь:
CSS:
color: #808080
CSS:
text-shadow: hsl(193, 100%, 56%) 1px 1px 10px;
color: #1fceff;
CSS:
text-shadow: hsl(48, 100%, 61%) 1px 1px 10px !important;
color: #c7a21c !important;
CSS:
text-shadow: hsl(238, 100%, 50%) 1px 1px 10px;
color: #333aff;
CSS:
text-shadow: hsl(288, 86%, 68%) 1px 1px 10px;
color: #d465f1;
CSS:
color: transparent !important;
ЗГА:
CSS:
text-shadow: hsl(75, 74%, 54%) 1px 1px 10px !important;
color: #88B400 !important;
CSS:
color: #179319;
text-shadow: hsl(121, 73%, 33%) 1px 1px 10px;
CSS:
text-shadow: hsl(0, 100%, 50%) 1px 1px 10px;
color: #ff0000;
CSS:
text-shadow: hsl(359, 100%, 29%) 1px 1px 10px;
color: #920002;
Сохраняем каждую группу. Выдаем себе и проверяем
Если вдруг у вас ошибки, что-то не получается:
1) Заново ВНИМАТЕЛЬНО прочитайте тему (инструкцию)
2) ВНИМАТЕЛЬНО прочитайте и обратите внимание на красный текст
3) Напишите сюда и Я или другие пользователи Вам помогут
4) Перейдите на мой форум, где можете создать обращение (в тех. разделе) [тык]
Всем добра!