<style> /* Стиль всплывающего меню */
.sonya94 {color: #00000;}

.splLink {width: 100%; height: 40px; border: 0px solid #00000; text-align: center; font-size: 15px; padding: 5px;}
.splCont {height: auto; width: 200px; background: #00000; padding: 5px; z-index: 1000; margin-top: 5px; margin-left: -5px; border: 2px solid #00000; font-size: 12px; text-align: center;}

 /* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {background-color: #00000; background-image: url("http://i.imm.io/6bo8.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #00000;
    -webkit-box-shadow:0px 5px 14px #00000;
    -khtml-box-shadow:0px 5px 14px #00000;
    -moz-box-shadow:0px 5px 14px #00000;
    }
</style>
<!-- Конец стиля таблицы и меню -->
<table width="100%" cellspacing="0" cellpadding="2" border="0" class="sonya94"><tbody>
<tr><td colspan="2">
<!-- Начало таблицы меню -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" style="text-align: center;">
<tr><td width="25%"><DIV><div class=splLink>

Для новичков

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
<!-- Ссылки ниже множатся копированием строк -->
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>

</DIV></DIV></td><td width="25%"><DIV><div class=splLink>
Погода

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
<!-- Ссылки ниже множатся копированием строк -->
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>
<a href="Адрес ссылки">Описание ссылки</a><br>

</DIV></DIV></td><td width="25%"><DIV><div class=splLink>

RPG-top

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=12317' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=12317&cid=palantir2006.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=12317&cid=palantir2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>

</DIV></DIV></td><td width="25%"><DIV><div class=splLink>

Администрация

</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>

<a>1. Рюрик</a><br>
<a>2. Black Jack</a><br>


</DIV></DIV></td></tr></table>	
<!-- Конец таблицы меню -->
	</td></tr><tr><td width="55%"><div style="height: 250px; width: 100%;">
	
Новости:

<div style="height: 200px; width: 300px; overflow: auto; overflow-x: hidden; position: relative; margin: 25px auto;">

Форум еще не начал функционировать, ждите.

</div></div></td><td width="45%">
<!-- Картинка -->
<img src="Адрес картинки" alt="" border="0" style="height: 100%;">
	
	</td></tr></tbody></table>

<!--Спойлер - контейнер-->
<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>