<style>
#menu {
  margin: 0px;
}
#menu span {
  padding: 3px 20px;
  margin: 0px 15px;
  width: 100px;
}
#shine:hover {
  color: #fff;
}
#menu .tabactive {
  color: #000;
}
#submenu {
  padding: 3px;
  height: 200px;
  margin-top: -5px;
}
.submenutext {
  display: none;
  text-align: center;
  height: 200px;
  width: 90%;
}
span#shine:not(.tabactive) {
  background-color: #cccc88; /* Цвет вкладок */
}
#menu span, .submenutext {
  border: 1px solid #000;
  border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}
span#shine.tabactive, .submenutext {
  background-color: #eeee99; /* Цвет активной вкладки */
}
span#shine:hover {
  background-color: #ffffaa !important; /* Цвет вкладки при наведении */
  color: #555;
}
span#shine.tabactive {
  border-bottom-color: transparent;
  padding-bottom: 5px;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.fsn h3 {
  font-weight: bold;
  font-size: 12px;
  color: #000;
  font-family: 'georgia';
}
</style>
<center>
<table class="fsn" style="width: 100%; color: #55515D;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 30px;" align="center">
<div id="menu">
<span alt="#sm1" style="cursor: pointer;" id="shine">Новости</span>
<span alt="#sm2" style="cursor: pointer;" id="shine">В игре</span>
<span alt="#sm3" style="cursor: pointer;" id="shine">Навигация</span>
<span alt="#sm4" style="cursor: pointer;" id="shine">Реклама и партнеры</span>
</div>
</td>
</tr>
<tr height="200">
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 100%; border: 1px solid #000;" align="center">
<h3>Новости</h3>
<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">
<b>• 8 мая •</b> Просьба тем, кого нет в <a href="http://koty.rolevaya.ru/viewtopic.php?id=126">списке племен</a> отписаться для добавления. <br>
<b>• 5 мая •</b> Хей, хей, хей, почему посещаемость упала? А ну-ка, поднимаем свои пушистые попки и идем ролевить!<br>
<b>• 19 апреля •</b> Стартовал новый <a href="http://koty.rolevaya.ru/viewtopic.php?id=235">сюжет</a>!<br>
<b>• 17 апреля •</b> У нас появилась новая система взросления персонажей! Ознакомьтесь с этой <a href="http://koty.rolevaya.ru/viewtopic.php?id=297">темой</a>.<br>
<b>• 1 апреля •</b> Это свершилось! Форум открыт для игры. Это не шутка! Заходите, мы всем будем рады!)
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm2" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td> <td style="width: 100%; border: 1px solid #000;" align="center">
<h3>В игре</h3>
<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">
текст текст текст текст
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm3" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 1000%; border: 1px solid #000;" align="center">
<h3>Навигация</h3>
<div style="width: 99%; height: 170px; border-top: 1px solid #000; overflow-y: auto;">
<a href="ссылка">Правила</a>
<br/>
<a href="ссылка">Акции</a>
<br/>
<a href="ссылка">Шаблоны анкет</a>
<br/>
<a href="ссылка">Отношения</a>
</div>
</td>
</tr>
</table>
</center>
</div>
<div id="sm4" class="submenutext">
<center>
<table style="margin-top: 1px; width: 98%; height: 198px;">
<tr>
<td style="width: 0%;" align="center">
</td>
<td style="width: 100%; border: 1px solid #000;" align="center">
<h3>Реклама</h3>
<div style="width: 99%; height: 76px; border-top: 1px solid #000; border-bottom: 1px solid #000; overflow-y: auto;"> текст текст текст текст
</div>
<h3>Баннеры</h3>
<div style="width: 99%; height: 76px; border-top: 1px solid #000; overflow-y: auto;"> баннеры баннеры баннеры баннеры
</div>
</td>
</tr>
</table>
</center>
</div>
</td>
</tr> 
</tbody>
</table>
</center> 
<script type="text/javascript"> $(document).ready(function() { $("td.#MenuTxT div.submenutext").hide(); $("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>