Форум поддержки BestBB

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки BestBB » Информация сервиса » Переключение стилей из заданного списка


Переключение стилей из заданного списка

Сообщений 1 страница 2 из 2

1

Уважаемые пользователи!

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

Преимущества нового кода по сравнению с имеющимися вариантами переключателей:
- Устранена проблема с мельканием белого фона, пока стиль не подгрузился (реализована синхронная загрузка подключаемого стиля);
- Реализована привязка выбранного стиля к аккаунту, т.е. на разных устройствах под одним пользователем будет отображаться один и тот же выбранный стиль;
- Упрощено добавление новых стилей в список выбора;
- Универсализирован вид стандартного меню выбора стилей.

Функционал выбора стилей можно активировать у себя на форуме, установив дополнительный код в HTML верх:

<script type="text/javascript">
FORUM.style.selector = '
$default'; // Элемент для установки меню выбора стиля(по умолчанию - '$default')
FORUM.style.m_button = '<option {DATA}>{TITLE}</option>'; // HTML-шаблон каждого пункта меню
FORUM.style.settings = {//---------------//
//ID : [ 'ссылка на стиль', 'название в меню выбора' ],
   1 : [ 'http://forumstatic.ru/style/Community_Green/Community_Green.css', 'Community Green' ],
   2 : [ 'http://forumstatic.ru/style/Overcast/Overcast.css', 'Overcast' ],
   // добавляем еще стили

//---------------------------------------//
_:''}; FORUM.style._()</script>

Стили добавляем в формате:

   N : [ 'ссылка на файл стиля', 'название стиля в меню' ],

N - номер стиля, - желательно номера прописывать по порядку, при этом они не должны повторяться. Запятая в конце каждой строки обязательна.

При этом стандартному стилю, установленному на форуме не через скрипт, автоматически присваивается номер 0.
Название стиля форума по умолчанию - Стандартный (Default). При желании можно установить свое название для стандартного стиля, добавив в код скрипта перед первым пунктом списка такую строчку:

   0 : [ 'Название стандартного стиля' ],

При желании, можно кастомизировать меню выбора стилей, т.е. настроить под себя, - скрипт дает возможность задать свою верстку и оформление пунктов.
Для этого создаем новый элемент, в котором хотим поместить меню, к примеру: <div id="styleMenu"></div>
Селектор этого элемента указываем в переменной скрипта: FORUM.style.selector = '#styleMenu';
В переменной FORUM.style.m_button указываем HTML-шаблон каждого из пунктов меню, к примеру:

<span class="styleButton" {DATA}>{TITLE}</span>

В шаблоне {DATA} - данные стиля, вписываемые скриптом, - прописываем в атрибутах тега, как в примере; {TITLE} - автоматически заменяется на название стиля, которое Вы указываете в скрипте (т.е. это обозначение помещаем там, где хотим видеть название пункта выбора).
Само меню и каждый из пунктов можно оформить желаемым образом.

Стандартный вид меню выбора стилей:
http://s6.uploads.ru/AKapw.png

Кроме того, имеется возможность вписать в любом месте форума (HTML верх, HTML низ, HTML в форме ответа, Объявление) HTML-КОД (+скрипты, стили и текст), отображающийся только при выборе определенного стиля. Для этого необходимый код обрамляем в контейнер:

<noscript data-style-id="1">
Код или HTML для стиля с номером 1
</noscript><script>FORUM._sB()</script>

Количество подключаемых контейнеров не ограничено.

Можно также дополнять оформление какого-либо стиля, прописывая в CSS селектор таким образом:

html.s1 #селектор { /*...*/ }

s1 - номер стиля, указанный в подключаемом коде (см.выше);


Тестируем новый функционал! ;)  Проверить, как работает переключатель, можно прямо на этом форуме.
При обнаружении каких-либо недочетов или неполадок в работе скрипта, пожалуйста, сообщите в этой теме.


+4

2

Добавлена возможность установки своего названия для стандартного стиля в меню выбора.
Для этого помещаем в список перед первым пунктом такую строчку:

   0 : [ 'Название стандартного стиля' ],

Цифру 0 - не меняем, название вводим свое.

Добавлено:
Пояснение добавил в первый пост темы.

+2


Вы здесь » Форум поддержки BestBB » Информация сервиса » Переключение стилей из заданного списка


Сервис форумов BestBB © 2016-2020. Создать форум бесплатно