Раздер Название темы Ответов Последний
Графика для сайта Shareman 3.70 RUS/2010 0 mandelsonsouggisse
Изготовление контента Нужен контент 10 ali7875
DataLife Engine Проблема регистрации. 1 JimaX
DataLife Engine Модальное окно в DataLife Engine 3 lionprizrak
DataLife Engine Настройка robots.txt 8 Prizrak_2012
Стол заказов на cmsko.ru Мини-чат. 2 JimaX
Общение пользователей Статьи 3 nastroenie
Хостинг TneHost - Хстинг провайдер 10 ali7875
DataLife Engine Установка банеров 9 JimaX
DataLife Engine Помогите с установой. dle95 2 nastroenie
Яндекс Apdate
Сервис не доступен

Информация
Главная страница » DLE » DLE Хаки » jQuery styleswitch – переключение между файлами стилей CSS
jQuery styleswitch – переключение между файлами стилей CSS
» Просмотров: 1430 » Дата: 4-01-2011, 20:56 » Автор: NeoMurderer
Суть хака проста – одним кликом можно переключаться между файлами стилей CSS, в результате чего изменяется дизайн сайта. При этом, что самое важное, последний использованный (включенный) юзером дизайн сохраняется.

Практическое применение нереально просто: включаем воображение и придумываем что-то типа смена времён года по клику, либо что-нибудь простое типа смены дизайна сайта.
В общем придумывай и юзай... smile

Установка:
Качаем архив с двумя .js файлами и кидаем папку с ними либо в корень либо в шаблон.
Прописывам путь к ним в 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>


Вот так все просто.

[attachment=75:styleswitch.rar]

 




Комментарии: 0 Теги: jQuery, styleswitch, переключение, между, файлами, стиле
 (голосов: 0)
Уважаемый посетитель, Вы зашли к нам на сайт как незарегистрированный пользователь. Мы рекомендуем Вам бесплатно зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.