В HTML-верх:

Код:
<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 2px transparent;}
    .STYLselect {border-color:red!important;}
    </style>
    <div id="changeStyle" style="top:0; left: 3px; position:fixed!important;">
    <img src="http://www.10pix.ru/img1/3444/5439522.jpg" alt="http://forum.mybb.ru/style/Mybb_Strange_Vision/Mybb_Strange_Vision.css"/>
    <br>
    <img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Space/Mybb_Space.css"/>
    <br>
    <img src="http://www.10pix.ru/img1/3492/5439523.jpg" alt="http://forum.mybb.ru/style/Mybb_Sloven/Mybb_Sloven.css"/>
    <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>

Красным - ссылки на картинки соответствующих кнопок
Розовым- ссылки на файлы стиля для этой кнопки
Синим - стиль кнопки после нажатия

Действие кода: позволяет изменять стили сайта (даже пользователям) нажатием кнопки(кнопок)

Отредактировано Сабиа (2013-07-12 11:59:17)