<!--Вход - Регистрация-->
<div class="tst_RegLnk" style="display:none;color:#fff;position:fixed;right:2%;top:50px">
<a href="/login.php">Вход</a> - <a href="/register.php">Регистрация</a>
</div><script>if(GroupID==3)$(".tst_RegLnk").show()</script>
<style>
.tst_RegLnk a { 
  color: #FF0000;
  font-weight: 700;
  font-size: 18px;
  font-family: tahoma,verdana,arial;
}
</style>


<style>
#panel{
  position:relative!impotant;
}
#panel li+img {
  background:url(http://funkyimg.com/i/2h9Wd.png);
  display:none;
  position: absolute;
  left: 370px;
  top: -84px;
  border-radius: 12px;
  border:5px solid #2E2E24;
}

</style>
<!--контейнер бокового меню-->
<div style="position:fixed; left:1%; top:150px;">
<ul id="panel">
        
        <li class="animation"><a href="http://karantin.forumrpg.ru/pages/portal">НОВОСТИ</a></li><img src="https://forumstatic.ru/files/0017/b3/bf/38657.png">
        <li class="animation"><a href="">ГАЛЕРЕЯ</a></li><img src="https://forumstatic.ru/files/0017/b3/bf/40064.png">
        <li class="animation"><a href="">КЛАН</a></li><img src="https://forumstatic.ru/files/0017/b3/bf/14890.png">
        <li class="animation"><a href="">ПРАВИЛА</a></li><img src="https://forumstatic.ru/files/0017/b3/bf/95550.png">
        <li class="animation"><a href="">КАРТА</a></li><img src="https://forumstatic.ru/files/0017/b3/bf/66403.png">
        <li class="animation"><a href="">ССЫЛКИ</a></li><img src="https://forumstatic.ru/files/0017/b3/bf/33620.png">
        <li class="animation"><a href="http://karantin.forumrpg.ru/=&forum">ФОРУМ</a></li><img src="https://forumstatic.ru/files/0017/b3/bf/27463.png">
       
    </ul></div>
<script type="text/javascript">
$("#panel li").mouseenter(function(){
  $(this).next('img').delay(200).fadeIn(1000);
}).mouseleave(function(){
  $(this).next('img').stop(true).fadeOut(140);
});
</script>
<!-- основной фон страницы -->