<style> /* Стиль всплывающего меню */
.splLink {width: 130px; height: 38px; border: 1px solid #272727; text-align: center; font-family: Gothic century; font-size: 15px; padding: 10px 5px;
}
.splCont {height: auto; width: 250px; background: #9B9B9B; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #272727; font-size: 12px; text-align: center; margin-left: -50px;}

/* Тень, Прозрачка и Скругление углов во Всплывающем меню */
.splCont {
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #212121;
    -webkit-box-shadow:0px 5px 14px #212121;
    -khtml-box-shadow:0px 5px 14px #212121;
    -moz-box-shadow:0px 5px 14px #212121;
    }
</style>

<table width="100%" cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr>
<td colspan="3" align="center">
<!--- Вложенная таблица выпадающих кнопок --->
<table width="100%" height="50" cellspacing="2" cellpadding="2" border="0">
<tbody>
<tr>
<td width="20%" align="center">
<DIV><div class=splLink>Администрация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент Администрации

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Полезные ссылки</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент полезных ссылок

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Дата и погода</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент даты и погоды

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Реклама</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент рекламы

</DIV></DIV>
</td>
<td width="20%" align="center">
<DIV><div class=splLink>Баннеры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Ваш Контент баннеров

</DIV></DIV>
</td>
</tr>
</tbody>
</table>
<!--- Конец вложенной таблицы кнопок --->
</td>
</tr>
<tr>
<td width="200" align="center" valign="top" style="height: 436px;">

<strong>Дорогие гости!</strong><br><br>
<div align="center" style="width: 99%; height: 407px; padding: 1px; overflow: auto; overflow-x: hidden;">
Информация для гостей с прокруткой
<br>
Прокрутка появится автоматически
</div>

</td>
<td align="center" style="height: 436px;">
<img src=" http://s017.radikal.ru/i435/1111/db/607 … .jpg" alt="" border="0" style="height: 100%;">
</td>
<td width="175" align="center" valign="top" style="height: 436px;">

<strong>Уважаемые игроки!</strong><br><br>
<div align="center" style="width: 99%; height: 407px; padding: 1px; overflow: auto; overflow-x: hidden;">
Информация для игроков с прокруткой
<br>
Прокрутка появится автоматически
</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>

<a href="Адрес ссылки">Описание ссылки</a> <br>
<a href="Адрес ссылки">Описание ссылки</a> <br>
<a href="Адрес ссылки">Описание ссылки</a> <br>
<a href="Адрес ссылки">Описание ссылки</a> <br>
<a href="Адрес ссылки">Описание ссылки</a> <br>

<!-- Тут навигация -->
<form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option>---> Навигация по форуму </option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
<option value="ссылка на страницу"><small>название ссылки</small></option>
</select>
</form>

<style>
#menu span {
padding: 5px 3px;
width: 94%;
text-decoration: none;
border: 1px solid #453300;
display: block;
}
#menu .tabactive {
background:#D1DBA7;
}

#submenu {
padding: 5px;
height: 240px;
text-align: center;
width: 99%;
}

.submenutext {
display: none;
height: 240px;
}
</style>

<table width="100%" height="310" cellspacing="0" cellpadding="0" border="0">
<tbody><tr>
<td align="center" height="60">
<!--- Вложенная таблица кнопок меню --->
<div id="menu">
<table width="100%" height="50" cellspacing="1" cellpadding="1" border="0">
<tbody><tr>
<td width="20%" align="center"><span alt=#sm1 style="cursor: pointer;">Сюжет</span></td>
<td width="20%" align="center"><span alt=#sm2 style="cursor: pointer;">Реклама</span></td>
<td width="20%" align="center"><span alt=#sm3 style="cursor: pointer;">Админы</span></td>
<td width="20%" align="center"><span alt=#sm4 style="cursor: pointer;">Ссылки</span></td>
<td width="20%" align="center"><span alt=#sm5 style="cursor: pointer;">Новости</span></td>
</tr></tbody>
</table>
</div>
<!--- Конец кнопок --->
</td>
</tr>
<tr>
<td align="center" id="MenuTxT" height="250">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">

Содержимое сюжета

</div>
<div id="sm2" class="submenutext">

Содержимое рекламы

</div>
<div id="sm3" class="submenutext">

Содержимое админов

</div>
<div id="sm4" class="submenutext">

Содержимое ссылок

</div>
<div id="sm5" class="submenutext">

Содержимое новостей

</div>

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

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>