prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


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


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>

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

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


+1
Просмотры: 6602 VIP ProWebber | Комментарии (12)
Теги: dle, хак
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1victor200

  • 14 февраля 2010 17:01
  • Регистрация: 30.01.2010
  • ICQ: --
  • Комментариев: 149
  • Выкл.
спасибо то что нужно теперь сделаю красоту

0

#2nsdss

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

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

0

#31nokia

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

0

#4chak

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

0

#5nsdss

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

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

0

#6Qube

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

0

#7chak

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

0

#8unnamedman

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

0

#9WooW

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

0

#10unnamedman

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

Убрал cool

0

#11Vovochka989

  • 19 февраля 2010 04:59
  • Регистрация: 21.01.2010
  • ICQ: 553812944
  • Комментариев: 14
О то что искал очень надо а не грузит шаблон если переключатся между ними?

0

#12GendolfWhite

  • 25 апреля 2013 13:42
  • Регистрация: 8.11.2010
  • ICQ: 605868309
  • Комментариев: 135
что то я совсем отупел, не понимаю как сделать :(

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

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки