Code
<link id="dyncss" rel="stylesheet" type="text/css" href="http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/beige/css1.css">
<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>
<script type="text/javascript">
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
e.preventDefault();
//Get the A tag
var id = $(this).attr('href');
//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();
//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});
//transition effect
$('#mask').fadeIn(1000);
$('#mask').fadeTo("slow",0.3);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
//transition effect
$(id).fadeIn(1000);
});
//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();
$('#mask, .window').hide();
});
//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});
});
</script>
<div id="boxes">
<div id="webo4ka-vhod" class="window">
<div class="login-box">
<div class="log-box-l">
<div class="log-box-r">
<div class="close-div"><a href="#" class="close"></a></div>
<div class="text270deg">Авторизация</a></div>
<div class="popup-body">
<!-- ФОРМА ВХОДА -->
<div class="log-vhod">
<z style="float: left; width: 245px; position: absolute; margin: 16px 0 0 72px;">$LOGIN_FORM$</z>
<div class="poptext">
<ul>
<li><a id="b1" href="/index/0-2">Правила</a></li>
<li><a id="b2" href="javascript://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;">Забыли пароль?</a></li>
<li><a id="b3" href="$REGISTER_LINK$">Регистрация</a></li>
<li><a id="b4" href="javascript://" onclick="webo4ka_vibor_fona()">Настройки</a></li>
<script type="text/javascript">function webo4ka_vibor_fona() {new _uWnd('ajax','Выберите фон','200','200',{autosize:false,modal: true,close:true,header:true,nomove: false,fixed:true},'<a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/beige/css1.css\')" title="beige">beige</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/blue/css1.css\')" title="blue">blue</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/dark_grey/css1.css\')" title="dark_grey">dark_grey</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/green/css1.css\')" title="green">green</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/light_grey/css1.css\')" title="light_grey">light_grey</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/pink/css1.css\')" title="pink">pink</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/purple/css1.css\')" title="purple">purple</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/red/css1.css\')" title="red">red</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/webs-art/css1.css\')" title="webs-art">webs-art</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/webs-art2/css1.css\')" title="webs-art2">webs-art2</a><br> <a style="cursor:pointer;" onclick="setDynCSS(\'http://webo4ka.ru/Ucoz4/vxod_dle_ucoz/yellow/css1.css\')" title="yellow">yellow</a><br>')}</script>
</ul>
</div>
</div>
<!-- END ФОРМА ВХОДА -->
<div class="clr"></div>
</div></div></div></div></div></div>
<div id="mask"></div><div style="clear:both;"/></div>
<div class="wp_panel"><div style="float:left;padding-left:7px;padding-top:9px;"><div style="padding-right:9px;border-right: 1px dashed #7b7b7f;"><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$"><img src="/panel_by_webo4ka/vixod.png" class="wp_vxod_link_pr"></a><?else?><a href="#webo4ka-vhod" name="modal" class="but_1"><img src="/panel_by_webo4ka/vixod.png" class="wp_vxod_link_pr"></a><?endif?></div></div><span style="float:left;padding-right:9px;padding-left:11px;padding-top:9px;"><a href="/"><img src="/panel_by_webo4ka/glavnaja.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a><a href="javascript://" onclick="openwp_chat();"><img src="/panel_by_webo4ka/mini-chat.png" class="wp_vxod_link_pr" style="padding-right:5px;"></a><a href="/load"><img src="/panel_by_webo4ka/fajly.png" class="wp_vxod_link_pr" style="padding-right:5px;">
</a>
<?if($USER_LOGGED_IN$)?><a href="/load/0-0-0-0-1"><img src="/panel_by_webo4ka/dobavit.png" class="wp_vxod_link_pr"></a><?endif?>
</span></div>
<style>
.wp_panel {height:45px; width:100%;background:url("/panel_by_webo4ka/fon.png");position:fixed;bottom:0px; z-index:9999}
.wp_vxod_link_pr:hover {
opacity: 1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
.wp_vxod_link_pr {
opacity:0.8; -moz-opacity:0.9; filter:alpha(opacity=60);
}
</style>
<script type="text/javascript">
function openwp_chat(){new _uWnd('wp_chat','Мини-чат',300,100,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#wp_chat").html() )}
</script>
<div style="display:none;" id="wp_chat">$CHAT_BOX$</div>