
Styleswitch CSS (jQuery) - дле хак переключение между файлами стилей ( позволяет изменять дизайн одним кликом по кнопке). Переключение между файлами стилей Styleswitch CSS (jQuery)
Styleswitch CSS (jQuery) dle хак – позволяет одним кликом переключаться между файлами стилей CSS, в результате чего изменяется дизайн портала. А что самое важное, последний использованный (включенный) юзером дизайн сохраняется.
Например: можно организовать что-то типа смена времён года по клику, либо что-нибудь простое типа смены дизайна веб-проекта.
Установка:
Качаем архив с двумя .js файлами и кидаем папку с ними либо в корень либо в шаблон: styleswitch.rar
Прописываем путь к ним в main.tpl или в файле котором будет применяться данный хак:
<script type="text/javascript" src="styleswitch/jquery.min.js"></script><script type="text/javascript" src="styleswitch/styleswitch.js"></script>
В .css файл , вписываем:
#st2 { background-color:#ff9900; color: #ffffff; font-size: 12px; font-family: tahoma; padding-left: 6px;}
И тогда блок на веб-проекте который будет меняться при переключении, ну или вообще глобально весь body берем в div'ы:
<div id="st2">Блок или текст который будет изменяться при нажатии</div>
Ну и на конец пишем две ссылки или делаем кнопки для переключения например так:
<ul> <li><a href="serversideSwitch.html-style=style1.htm" rel="styles2" class="styleswitch">кнопка 1</a></li><li><a href="serversideSwitch.html-style=style2.htm" rel="styles1" class="styleswitch">кнопка 2</a></li></ul>
Предлагаем хаки dle cms скачать переключение между файлами стилей Styleswitch CSS (jQuery)