Выбор стиля дизайн сайта с запоминанием
 | |
| Вы можете сделать выбор для пользователя, какой стиль на сайте он мог сам выбрать и все будет запоминать на куки (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;} другой цвет, это качается и изображение. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 5 | |
|
| |
