Скрипт смены дизайна с сохранением (для uCoz).

3733 просмотров Alan_Writer 10.09.2012

Специальный скрипт, который в онлайн изменяет CSS сайта и сохраняет выбранный параметр в куки, тоесть после смены дизайна пользователем, при последующих посещениях сайта - его дизайн будет именно таким, который выбрал пользователь.

Установка скрипта:
1). Это устанавливаете в Верхнюю часть сайта, или в <bоdy>:
Code
<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>


2). Вывод картинок (кнопок переключения). Их вставляете туда, где собственно хотите видеть эти кнопки, обычно это тоже Верхняя часть сайта:
Code
<img style="cursor:pointer;" src="путь_к_картинке-кнопке1.png" onclick="setDynCSS('путь_к_css-файлу1.css')">
<img style="cursor:pointer;" src="путь_к_картинке-кнопке2.png" onclick="setDynCSS('путь_к_css-файлу2.css')">
Естественно нужно заменить ссылки на свои картинки и свои css-файлы.
Дизайнов можно - сколько угодно.

Вот как-бы и все!
Комментируйте, пишите отзывы, подисывайтесь и т.д.

Теги: смена дизайна для юкоз, скрипт смены дизайна, смена дизайна с сохранением, смена дизайна сайта
0 Комментариев