Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » jQuery styleswitch – переключение между файлами стилей CSS

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

jQuery styleswitch – переключение между файлами стилей CSS

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно jQuery styleswitch – переключение между файлами стилей CSS.


Суть хака проста – одним кликом можно переключаться между файлами стилей 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>

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

Внимание! У Вас нет прав для просмотра скрытого текста.


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


0
Просмотры: 9 231 :: Комментарии (12) :: :: Нужна помощь? Задайте вопрос на форуме ::
Теги: dle, хак
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1victor200

  • 14 февраля 2010 17:01
  • Регистрация: 30.01.2010
  • Был(а) онлайн: 14.04.2015
  • Комментариев: 145
  • -1
спасибо то что нужно теперь сделаю красоту

#2nsdss

  • 14 февраля 2010 17:17
  • Регистрация: 10.01.2010
  • Был(а) онлайн: 13.03.2015
  • Комментариев: 457
  • -1
А демо где-нибудь можно глянуть? Что-то я не совсем понял суть.

--------------------

#31nokia

  • 14 февраля 2010 17:33
  • Регистрация: 1.12.2009
  • Был(а) онлайн: 22.11.2016
  • Комментариев: 106
  • -1
Как на этом форуме: nokia-talk.ru (переключение стилей внизу станицы), только для сайта.

#4chak

  • 14 февраля 2010 17:33
  • Регистрация: 3.01.2010
  • Был(а) онлайн: 2.10.2019
  • Комментариев: 446
  • -1
nsdss,
Ну, это типа редактировать css-ки через сайт, а не через FTP и т.п.

#5nsdss

  • 14 февраля 2010 17:41
  • Регистрация: 10.01.2010
  • Был(а) онлайн: 13.03.2015
  • Комментариев: 457
  • -1
Ааа. Понял. ну это пригодится тем у кого простые шаблоны, на css, а у кого все в картинках не проканает. Но для коллекции забиру.

--------------------

#6Qube

  • 14 февраля 2010 17:46
  • Регистрация: 22.12.2009
  • Был(а) онлайн: 21.01.2014
  • Комментариев: 119
  • -1
Хорошо реализовано, пойду себе поставлю.

#7chak

  • 14 февраля 2010 17:57
  • Регистрация: 3.01.2010
  • Был(а) онлайн: 2.10.2019
  • Комментариев: 446
  • -1
nsdss,
Да, у кого на картинках - лажа, но сохранить стоит, согласен! Никогда не знаешь, что может пригодиться:)

#8unnamedman

  • 14 февраля 2010 18:10
  • Регистрация: 9.02.2010
  • Был(а) онлайн: 17.08.2017
  • Комментариев: 84
  • -1
Удалили ссылку на демо. Видно модумали что нехорошо это cool
На сайте автора есть демо.

#9WooW

  • 14 февраля 2010 18:24
  • Регистрация: 22.10.2009
  • Был(а) онлайн: 14.08.2024
  • Комментариев: 510
  • -1
unnamedman, предупреждение, в подписи красный цвет убери.

#10unnamedman

  • 14 февраля 2010 19:04
  • Регистрация: 9.02.2010
  • Был(а) онлайн: 17.08.2017
  • Комментариев: 84
  • -1
Цитата: WooW
unnamedman, предупреждение, в подписи красный цвет убери.

Убрал cool

#11Vovochka989

  • 19 февраля 2010 04:59
  • Регистрация: 21.01.2010
  • Был(а) онлайн: 25.09.2019
  • Комментариев: 14
  • -1
О то что искал очень надо а не грузит шаблон если переключатся между ними?

#12GendolfWhite

  • 25 апреля 2013 13:42
  • Регистрация: 8.11.2010
  • Был(а) онлайн: 15.05.2021
  • Комментариев: 135
  • -1
что то я совсем отупел, не понимаю как сделать :(

--------------------

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)
Июнь 2024 (30)