Styleswitch CSS (jQuery)

Рубрика: Хаки для DLE » Хак DLE 11.2, 11.1, 11.0, 10.6, 10.5, 10.4, 10.3, 10.2, 10.1, 10.0, 9.8, 9.7, 9.6, 9.5, 9.4, 9.3, 9.2, 9.0
Styleswitch CSS (jQuery)


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)
  • 0
Рубрика: DLE хаки » Хак для DLE
Ранее » Хак Социализация 2.0 для DLE всех версий« Далее Оформления правила в специальном модальном окне
Добавление комментарияОставить комментарий