<!-- bokovai panel -->  
<div class="layer">  
<ul class="layer_ul">  

<li><img style="width:32px;height:32px;" src="http://webo4ka.3dn.ru/Ucoz/bokovaja_panel_profile.png" border="0" alt="" />  
<div class="layer_block">  
<div class="pad10">  
<h3>Мой профиль</h3>  
<ul class="layer_block_ul"><center>  
<?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" title="Аватар для $USERNAME$" border="0" alt="$USER_AVATAR_URL$"><?else?><img src="http://webo4ka.3dn.ru/forum_proweb/webo4ka.net_avy.png" title="Аватар для $USERNAME$"><?endif?>  

<?if($GROUP_ICON$)?>$GROUP_ICON$<?else?>$USER_RANK_ICON$<?endif?>  
<br>  
<br>  
<ul class="uz">  
<div style="height:5px;"></div>  
<a href="/index/8-1"><font color="#ffffff">Личный профиль $USERNAME$</font></a>  
<br>  
<a href="javascript:openLayerA('obsv','/index/14','Личные сообщения','800','495','auto');"><?if($IS_NEW_PM$)?><font color="#ffffff">Новое личное сообщение</font> <font color="red"><b>($UNREAD_PM$)</b></font><?else?><font color="#ffffff">Нет новых личных сообщений</font><?endif?></a>  
<br>  
<a href="/load/0-0-0-0-1"><font color="#ffffff">Добавить материал на сайт</font></a>  
<br>  
<a href="javascript:exit()"><font color="#ffffff">Выход из личного профиля</font></a><script>function exit(){if (confirm("Вы действительно хотите покинуть профиль?")){window.location.href = "$HOME_PAGE_LINK$index/10"}else{alert("Спасибо что остались с нами!");}}</script>  
</ul>  
</center></div>  
</div>  
</li>  
<li><img style="width:32px;height:32px;" src="http://webo4ka.3dn.ru/Ucoz/bokovaja_panel_tema.png" border="0" alt="" />  
<div class="layer_block">  
<div class="pad10">  
<h3>Последнии темы форума</h3>  
<ul class="layer_block_ul"><center>$MYINF_2$</center></div>  
</div>  
</li>  
<li><img style="width:32px;height:32px;" src="http://webo4ka.3dn.ru/Ucoz/bokovaja_panel_polzovateli_byvshie_segodnja.png" border="0" alt="" />  
<div class="layer_block">  
<div class="pad10">  
<h3>Кто нас сегодня посетил:</h3>  
<ul class="layer_block_ul"><center>$MYINF_5$</center></div>  
</div>  
</li>  
<li><img style="width:32px;height:32px;" src="http://webo4ka.3dn.ru/Ucoz/bokovaja_panel_luchshish_polzovateli.png" border="0" alt="" />  
<div class="layer_block">  
<div class="pad10">  
<h3>Лучшие пользователи:</h3>  
<ul class="layer_block_ul"><center>$MYINF_5$</center></div>  
</div>  
</li>  
</ul>  
</div>  
<style>  
.layer{position:fixed;left:0px;top:50px;width:41px;height:170px;background:url(http://webo4ka.3dn.ru/Ucoz/bokovaja_panel_41_170.png) no-repeat top right}  
.layer_ul{padding:18px 0px 10px 7px;margin:0px;list-style:none;position:relative;}  
.layer_block{position:absolute;left:39px;padding:4px;top:0px;width:243px;height:430px;background:url(http://webo4ka.3dn.ru/Ucoz/bokovaja_panel_250_430.png) no-repeat 0px top;display:none;color:#FFF}  
.layer_block h3{border-bottom:1px solid #fff;color:#FFF;margin:10px 14px 5px 5px;}  
.layer_ul li:hover .layer_block{display:block;cursor:default;}  
.layer_block_ul{padding:2px;margin:0px;list-style:none;}  
.layer_block_ul li{display:block;padding:0px;margin:0px 0px 0px 0px;border:1px solid #bcd959;height:auto;color:#333}  
.layer_block_ul li a{display:block;color:#FFF;font-weight:bold;}  
.layer_block_ul li span{display:block;}  
</style>  
<!-- END bokovai panel -->