NK-uCoz.Ru » Каталог файлов » uCoz » Скрипты для uCoz » Простая смена стилей (Дизайна) с запоминанием на куки (cookies) для uCoz

Простая смена стилей (Дизайна) с запоминанием на куки (cookies) для uCoz

Простая смена стилей (Дизайна) с запоминанием на куки (cookies) для uCoz
Скрипты для uCoz
na3uTuB4uk
19.04.14, 16:07
1697
2
Многие из вас хотят подключить на сайт несколько дизайнов, между которыми можно будет переключаться, причём, выбор должен будет запоминаться. Ваша мечта сбылась - этот скрипт позволяет осуществить данную задумку.

На страницах, где будет использован данный скрипт (Можно в глобальный блок), вставляйте:
Код
<link id="dyncss" rel="stylesheet" type="text/css" href="">
  <script type="text/javascript">
  function setDynCSS(url) {
  if (!arguments.length) {
  url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];
  if (!url) return '';
  }
  document.getElementById('dyncss').href = url;
  var d = new Date();
  d.setFullYear(d.getFullYear() + 1);
  document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
  return url;
  }
  setDynCSS();
  </script>

Следующий код в то место, где будут выводиться картинки для переключения между стилями:
Код
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 1.css')">
  <img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">

Данный скрипт стоит у нас который меняет цвет синий на красный.
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Вернуться назад
Комментарии (2)
by_lawanda
by_lawanda 05.01.15, 15:03
У меня такой вопрос, а если я хочу 3 цвета шаблона, то нужно просто ещё 1 раз добавить этот код
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">
И всё? или ещё нужно дописывать что-то в первый код?
0
na3uTuB4uk
na3uTuB4uk Администраторы 06.01.15, 12:59
Да, добавляешь кнопку, прописываешь ссылку на картинку и CSS стиль 3 и все.
0