<style> /* Стиль всплывающего меню */
.splLink {width: 100%; height: 10px; border: 0px solid #8C7767; text-align: center; font-size: 15px;}
.splCont {height: auto; width: 150px; background: #cde3e3; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #8C7767; text-align: center;}

</style>

<table width="100%" cellspacing="0" cellpadding="1" border="0"><tbody>
<tr>.<td width="55%" valign="top">
</td><td width="45%">
<!-- картинка -->
<img src=" " alt="" border="0" style="width: 100%;">

</td></tr></tbody></table>

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody>
<tr>

<td width="16%" valign="top"><DIV><div class=splLink>Время и Дата</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

август 1904, прошло больше месяца с момента победы Пэна над Крюком

</DIV></DIV>
</td>

<td width="16%" valign="top"><DIV><div class=splLink>Погода</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

В Лондоне - яркие солнечные дни, не слишком жаркие. В Нетландии - поздняя осень, заморозки, тяжелые серые тучи, ветер, изморозь.

</DIV></DIV>
</td>

<td width="17%" valign="top"><DIV><div class=splLink>Новости</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

В Нетландии, пасмурной от тяжелого сердца Питера Пэна, появился новый пират. Это - уже не мальчик, но еще и не мужчина - юный матрос, которого штормом прибило к берегу острова после кораблекрушения. Все на острове узнали об этом и хотят с ним познакомиться. Никто, кроме Сми и Старки, не знает, что Крюк остался жив после последней схватки с Крокодилом, что Крокодил теперь мертв и больше не представляет для него опасности, что Крюк намерен разделаться с Питером, в апатии валяющимся в мрачной пещере пиратов и никого не желающим видеть.

</DIV></DIV>
</td>


<td width="18%" valign="top"><DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<b>Pan</b>, <b>James Hook</b>

</DIV></DIV>
</td>

<td width="16%" valign="top"><DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<a href="http://goldcenture.mybb.ru/viewtopic.php?id=1">Вопросы гостей</a><br>
<a href="http://goldcenture.mybb.ru/viewtopic.php?id=7">Сюжет</a><br>
<a href="http://goldcenture.mybb.ru/viewtopic.php?id=2#p7">Особенности</a><br>
<a href="http://goldcenture.mybb.ru/viewtopic.php?id=3#p8">Шаблон анкеты</a><br>
<a href="http://goldcenture.mybb.ru/viewtopic.php?id=4#p9">Срочно требуются!</a><br>
<a href="http://goldcenture.mybb.ru/viewtopic.php?id=17#p101">Реклама</a><br>

</DIV></DIV>
</td>

<td width="17%" valign="top"><DIV><div class=splLink>Партнеры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<a href="http://spinthebottle.rolka.su/" title="Пираты Карибского моря 5 - Игра в бутылку" target="top_">
<img src="http://i52.tinypic.com/2drwbxu.gif" alt="Пираты Карибского моря 5 - Игра в бутылку" border="0" width="88" height="31"></a>   <a href="http://potc.rolka.su/"><img src="http://picthost.ru/images/12691030737088986974.png"></a>
<a href="http://tank.mybb.ru" target="_blank"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" title="Ролевой Каталог 'ТАНКЪ'" border="0"></a>

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