ZorNet.Ru — сайт для вебмастера » HTML и CSS » Выбор стиля дизайн сайта с запоминанием

Выбор стиля дизайн сайта с запоминанием

Выбор стиля дизайн сайта с запоминанием
Вы можете сделать выбор для пользователя, какой стиль на сайте он мог сам выбрать и все будет запоминать на куки (cookies) на uCoz. Это будет простой переключатель, где будет написано, и при выборе на интернет ресурсе просто меняется оттенок цвета, сам дизайн безусловно остается тот же, только гамма цвета уже другая.

Все очень просто, вам нужно создать аналогичные стили и только в них произвести как раз то изменение, которое вам нужно на цвет. И когда даже выйдешь сайта и через какое-то время зайдешь, то останется та форма, которая ранее была выбрана вами. Сам переключатель можно поставить в контейнер или в блок вашего портала на видное место и обозначить его функцию.

Приступаем к установке:

Нужно зайти в админ панель и проследовать - На страницы, где будет использован данный скрипт (Можно в глобальный блок), вставляйте:

Код
<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')">

Если вам нужно поменять только фон, это больше в игровым ресурсам или кино онлайн относится, то по цвету идет так, по умолчанию к примеру у вас идет так .body {background: #000000;} на переключателе выставляем уже .body {background: #7676755;} другой цвет, это качается и изображение.
10 Марта 2017 Просмотров: 1323 Комментариев: (5)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 5
Kolinkor
Kolinkor 10 Марта 2017 16:571
0
Вот как делается, но это думаю качается только стандартного шаблона.
csretven
csretven 10 Марта 2017 18:432
0
Видел на одном сайте, не чего так, только не переборщить, 3 хватит, просто добавить еще одну.
Kosten
Kosten 10 Марта 2017 19:153
0
Но взял скрипт на вебочке, но потом на одном сайте нашел как работает, и вот как раз дописал, что изменить фон сайта, так как вот его всего легче сделать.
Kolinkor
Kolinkor 10 Марта 2017 19:574
0
На вебочке тишина как не когда, видно что админ выходит, но не каких движений.
Kosten
Kosten 10 Марта 2017 20:255
0
Скрипт где бы взять, где с перезагрузкой меняется фон сайта.
avatar