Сущность хака ординарна – одним кликом можно переключаться меж файлами стилей CSS, в итоге чего же меняется дизайн веб-сайта. При всем этом, что самое принципиальное, крайний использованный (включенный) пользователем дизайн сохраняется.
Практическое применение нереально просто: включаем воображение и придумываем что-то типа смена времён года по клику, или чего-нибудть обычное типа смены дизайна веб-сайта.
Установка:
Качаем архив с 2-мя .js файлами и кидаем папку с ними или в корень или в шаблон:
Прописывам путь к ним в main.tpl либо в файле котором будет применяться данный хак:
<script type="text/javascript" src="styleswitch/jquery.min.js"></script>
<script type="text/javascript" src="styleswitch/styleswitch.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;
}
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>
<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>
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.