Установка: Вставляем после <head>:
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>
Кнопки для переключения:
Code
<img style="cursor:pointer;" src="ССЫЛКА НА КНОПКУ1" onclick="setDynCSS('1.css')">
<img style="cursor:pointer;" src="ССЫЛКА НА КНОПКУ2" onclick="setDynCSS('2.css')">
можно использовать эти ссылки на кнопки(кнопки которые показанны на скриншоте)
http://ucoz-scripts.ru/VSE/VSE2/2.png - ( на скрине - 1)
http://ucoz-scripts.ru/VSE/VSE2/1.png - ( на скрине 2)
Скрипт позволит вам сменить CSS при нажатии с сохранением в cookes.
1.css и 2.css(в кнопках) меняем на свио ссылки к css.