появилась необходимость в скрипте смены дизайна на форуме
однако с ним есть проблема.
дело в том, что весь основной стиль у нас "упакован" в первое окно стиля. а во втором мы держим настройки дизайна, которые требуется регулярно редактировать: отступ боковой панели, цветовыделение никнеймов и тем, отключение профиля автора в некоторых постах и т.п.
Делается это для того, чтоб "разгрузить" окна настроек форума Html верх и низ.
при добавлении переключениях между стилями, отключаются оба окна функции "свой стиль", но перетаскивать непостоянные настройки в HTML верх было бы очень неудобно.
Вопрос №1. Возможно подправить скрипт, чтобы он отключал только окно "style.css" при смене дизайна?
Вопрос №2. А можно было бы при переключении между стилями не блокировать "свой стиль", а включать дополнительные настройки дизайна?
ибо смена дизайна заключается только в изменении некоторых цветов и фоновых изображений - удобней было бы прописать изменения в стиле через !important, чем составлять полный файл стилей.
сам скрипт:
http://oaotr.0pk.ru/ (переключательные кнопочки находятся в выдвижной панели в верху форума)
<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>
#changeStyle img{border: solid 1px transparent;}
.STYLselect {border-color:red!important;}
</style>
<div id="changeStyle">
<img src="http://s2.uploads.ru/vHXsq.png" alt="https://forumstatic.ru/files/0007/e3/f7/98280.css"/>
<img src="http://s2.uploads.ru/u7qLV.png" alt="https://forumstatic.ru/files/0007/e3/f7/84205.css"/>
</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>
<p>Вы можете включить индивидуальные настройки стиля с помощью этих переключателей.</p>
