Код:
<div id="html-header">
<!-- Переключатель стилей -->
<script>function PanelToggleL(a){var b=a.attr('data'),c=a.css('margin-left');a.attr('data',c);a.stop().animate({'margin-left':b},500)}</script>
<script type="text/javascript">
var linkStyles='<link rel="stylesheet" type="text/css" clas="stylper" 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);
$('head link[href*="styles"]').replaceWith($('#stylper'));
</script>
<style>#changeStyle a{color: #fef5fc;box-shadow: 0 1px 18px 0 #000000;padding: 2px 0.6em;margin: 4px 0;display: inline-block;text-shadow: 1px 1px 2px #000 !important;}
#changeStyle a:hover{color: #fef5fc;box-shadow: 0 1px 18px 0 #ebebf4;}
.STYLselect {color: #fef5fc!important;box-shadow: 0 1px 18px 0 #ebebf4!important;text-shadow: 0 0 0!important;}
/*****************
Bokovaya Panel
******************/
#left-panel {
top:300px;
padding:0;
margin-left:-222px;
position: fixed;
z-index: 1000;
left: 0px;
}
.content-L {
position: absolute;
padding: 12px 4px 12px 12px;
width: 212px;
height: 240px;
margin-left: 0px;
margin-top: 18px;
border-radius: 5px;
}
#left-panel img {
cursor: pointer;
}
.content-L {
color:#66543b;
background-color:transparent;
}
</style>
<div data="0" id="left-panel">
<div class="content-L">
<div id="changeStyle" style="z-index:1000;">
<a href="https://kolobdur74.mybb.ru/" alt="https://forumstatic.ru/files/0019/50/f6/88832.css" onclick="return false;">Песочная фантазия</a>
<br>
<a href="https://kolobdur74.mybb.ru/" alt="https://forumstatic.ru/files/0019/50/f6/22927.css" onclick="return false;" class="STYLselect">Домик в лесу (Новогодняя тема)</a>
<br>
<a href="https://kolobdur74.mybb.ru/" alt="https://forumstatic.ru/files/0019/50/f6/78475.css" onclick="return false;">Домик в лесу (Без анимации)</a>
<br>
<a href="https://kolobdur74.mybb.ru/" alt="https://forumstatic.ru/files/0019/50/f6/78825.css" onclick="return false;">Дизайн Новый год</a>
<br>
<a href="https://kolobdur74.mybb.ru/" alt="https://forumstatic.ru/files/0019/50/f6/18786.css" onclick="return false;">VIP INFOSLIV</a>
<br>
</div>
<script>$("#changeStyle a[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle a[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle a[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script>
</div>
<img id="img-left" src="https://forumstatic.ru/files/0019/50/f6/15679.png" onclick="PanelToggleL($('#left-panel'))">
</div>Источник и пример - ЗДЕСЬ.