[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">
<a class="tip" id="cover" title="Установка нескольких стилей с разными элементами в html-формах">
<div id="icon"></div>
<img src="https://forumupload.ru/uploads/0007/e3/f7/6822/774368.gif" class="postimg">
</a>
<div id="cover-block">
Дата: 12.08.2021<br>
Автор: <a href="/profile.php?id=7032" target="_blank">kozhilya</a><br>
Платформа: MyBB<br>
Бесплатный скрипт<br>
Описание: Скрипт установки нескольких стилей в свой стиль без подгрузки файлов и возможность добавлять и убирать разный контент в html-формах.
</div>
</div>
<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]
Скрипт служит для установки нескольких стилей в формы "Свой стиль" без необходимости подгрузки и замены стилевых файлов. При этом можно добавлять разный контент в 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).
Всем хорошего настроение и успехов!
Если у вас есть вопросы или нужна помощь, мы тут и с радостью поможем.