Уважаемые пользователи!
Спешим известить вас о том, что сегодня на форумах сервиса 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} - автоматически заменяется на название стиля, которое Вы указываете в скрипте (т.е. это обозначение помещаем там, где хотим видеть название пункта выбора).
Само меню и каждый из пунктов можно оформить желаемым образом.
Стандартный вид меню выбора стилей:
Кроме того, имеется возможность вписать в любом месте форума (HTML верх, HTML низ, HTML в форме ответа, Объявление) HTML-КОД (+скрипты, стили и текст), отображающийся только при выборе определенного стиля. Для этого необходимый код обрамляем в контейнер:
<noscript data-style-id="1">
Код или HTML для стиля с номером 1
</noscript><script>FORUM._sB()</script>
Количество подключаемых контейнеров не ограничено.
Можно также дополнять оформление какого-либо стиля, прописывая в CSS селектор таким образом:
html.s1 #селектор { /*...*/ }
s1 - номер стиля, указанный в подключаемом коде (см.выше);
Тестируем новый функционал! Проверить, как работает переключатель, можно прямо на этом форуме.
При обнаружении каких-либо недочетов или неполадок в работе скрипта, пожалуйста, сообщите в этой теме.