Styleswitch CSS (jQuery)

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)

styleswitch.rar [28,15 Kb] (cкачиваний: 144)
  • 0
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent