|
|
Модератор форума: Yuri_G |
Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Кнопка переключения дизайна. (Как организовать такую кнопку у себя на сайте?) |
Кнопка переключения дизайна. |
|
Вот, на основе примера из интернета:
Код <script type="text/javascript"> var linkStyles='<link rel="stylesheet" type="text/css" href="'; function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;} function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;} function clearSet(L){if(L){setcookie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}} var Lmem=getcookie("changeStyle");clearSet(Lmem); </script> <style type="text/css"> #changeStyle img{border:solid 2px transparent;} .STYLselect {border-color:red!important;} </style> <div id="changeStyle" style="top: 177px; left: 3px; position:fixed!important;"> <img src="Ссылка на картинку №1" alt="Ссылка на первоначальный CSS"/> <br> <img src="Ссылка на картинку №2" alt="Ссылка на новый CSS"/> <br> <br> </div> <script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script> У себя проверил, всё работает. Если мой пост окажется для Вас полезным, то не поленитесь поставить "+" в репутацию.
Сообщение отредактировал Armenian_King - Пятница, 08 Фев 2013, 12:26:20
|
|
evergrey,
Цитата 2 дизайна сайта |
evergrey, ну так сделай совершенно разные.
К 1 кнопке прикрепляешь 1.css К 2 кнопке прикрепляешь 2.css Через стили накуралесь себе там как угодно. И будут тебе Или я чего-то не понял, что именно ты хочешь? Добавлено (22 Фев 2014, 22:31:55) |
evergrey, Ну а кто тебе мешает сделать так:
Вот к примеру ссылка на твой основной CSS - /_st/my.css" В него добавляешь 2 строки. @import '/css/1.css'; - первый дизайн @import '/css/2.css'; - второй дизайн Один из не нужных на данный момент просто закомментировать. Захотел поменять на второй дизайн, закомментировал первый. |
evergrey, Если радикально вообще прям чтоб разные были. Тогда, одним CSS не отделаешься.
Сделай еще каркас для конструктора шаблонов. Потом просто жмешь сохранить каркас. Когда нужно переключаешься между каркасами и CSS. Добавлено (22 Фев 2014, 23:20:00) |
| |||
| |||