portfoliopost
FDteam-portf
freepost
Скрипт установки нескольких стилей в свой стиль без подгрузки файлов и возможность добавлять и убирать разный контент в html-формах на форумах MyBB.ru
Условия использования:
Вы можете использовать все материалы, соблюдая условия использования бесплатного контента.Описание
Скрипт служит для установки нескольких стилей в формы "Свой стиль" без необходимости подгрузки и замены стилевых файлов. При этом можно добавлять разный контент в html-верх и в html-низ, каждый для своей версии дизайна.Скрипт предназначен для дизайнов, имеющих разную вёрстку и разный контент в html-верх и в html-низ. Например, в одном дизайне есть навигация в боковой таблице, в другом её нет, но есть слайдер в объявлении.
Максимально можно подключить 2 разных дизайна с совершенно разной вёрсткой. Для этого, в администрировании, в разделе "Мой стиль", один дизайн (полностью) ставим в одно окошко стиля, другой во второе окошко стиля. Более подробная инструкция как адаптировать стили:
Найдите вторые (цветовые) файлы для обоих стилей.
Содержимое этого цветового файла вставляете в начало соответствующих стилей - это важно из-за необходимости сохранить специфичность CSS-правил.
Из кода обоих стилей удалите строку @import url(style_cs.css);, оно встречается у вас по одному разу в начале каждого окна.
Это если речь идёт о форумах на платформе майбба. Если вам этот скрипт нужен для другой платформы - пишите в сообщения в этой теме, попробуем вам помочь.
Код скрипта устанавливается в блок "HTML верх" (в разделе "Формы"):
красным - ставим свои иконки переключения дизайнов.
Код нового дизайна надо ставить в администрирование - свой стиль - Структура style.css;
Код старого дизайна надо ставить в администрирование - свой стиль - Цвета style_cs.css.
Конечно же у вас дизайны могут называть по-другому. Старый и новый тут для примера.
Примерный стиль для расположения кнопок в левом верхнем углу форума (может быть размещён в своём стиле или в блоке <style>...</style> перед скриптом):
Для того, чтобы добавить элементы, которые должны появляться или убираться при переключении дизайна размещайте в формах html-верха и html-низа следующий код:
Например:
Стили для дизайнов пишутся как обычно, самое главное поставить их в нужные окошки.
ВНИМАНИЕ! Переключатель дизайнов имеет зависимость от мини-библиотеки для работы с cookie-файлами.
<script src="https://mybb.kozhilya.ru/script/cookie.min.js"></script>Например, если у вас используются скрипты с document.write, то такие скрипты придётся переписывать (только ту часть с document.write).
Всем хорошего настроение и успехов!
Если у вас есть вопросы или нужна помощь, мы тут и с радостью поможем.
- Подпись автора
Отвечаю на вопросы вот здесь | Мой блог
"Никогда не сомневайтесь в себе и любите каждую свою работу, даже если она кажется вам грязью на окне. Через это окно люди смотрят на мир, тогда как разводы замечаете только вы." © Николай Ободников. "Лиллехейм. Волчий ветер