<table width="100%" height="525" 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;"><font size="5" face="Papyrus" color="black">WELCOME
</font></span></td>
<td width="20%" align="center"><span alt=#sm2 style="cursor: pointer;"><font size="5" face="Papyrus" color="black">IN GAME
</font></span></td>
<td width="20%" align="center"><span alt=#sm3 style="cursor: pointer;"><font size="5" face="Papyrus" color="black">ADMINS
</font></span></td>
<td width="20%" align="center"><span alt=#sm4 style="cursor: pointer;"><font size="5" face="Papyrus" color="black">LINKS
</font></span></td>
<td width="20%" align="center"><span alt=#sm5 style="cursor: pointer;"><font size="5" face="Papyrus" color="black">NEWS
</font></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;">

<font size="4" face="Century Gothic" color="black"><center>ДОБРО ПОЖАЛОВАТЬ!</center></font>
<font size="3" face="Century Gothic" color="black">Наш форум только начинает дышать и ждет новых участников. Присаживайтесь, дорогие гости, будьте как дома. Если вы искали ролевую с канононными племенами, то попали, куда надо. Да, да. Чаю? С жасмином али с малиной? Ну, ладно, шутки в сторону. Если вам понравилась ваша ролевая, то регистрируйтесь и будьте уверены, вас ждет теплый прием. Мы сможем принять новичков, и будем рады опытным игрокам. Присоединяйтесь к нам и вы не пожалеете :D</font>


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

<table style="width: 100%; height: 100px;" cellpadding="5" cellspacing="0">
<tr>

</td>
<td style="width: 50%; height: 160px;">

<font size="4" face="Century Gothic" color="black"><center>СЮЖЕТ</center></font>
<div style="padding-right: 5px; height: 150px; overflow-y: scroll;">

<font size="2" face="Century Gothic" color="black"><center>>В РАЗРАБОТКЕ<</center></font>
    
</div>
</td>
</tr>
<td style="height: 80px;">
<hr>

<font size="4" face="Century Gothic" color="black"><center>ПОГОДА</center></font>

<font size="2" face="Century Gothic" color="black"><center><b>Сезон Зелёных Листьев</b><center>

<center><b>Время суток:</b> раннее утро

<center><b>Температура:</b> превышает +20 градусов, жара.<center>

<center><b>Ветер:</b> дует легкий, прохладный ветер.</center>

<center><b>Осадки:</b> возможны грозы.</center>

<center><b>Небо:</b> ясное, кое-где есть высокие перистые облака. Рассветает в 6 часов утра, темнеет с 9 вечера. </center>

<center><b>Состояние леса:</b> 
Зелёные листья высоко над головой закрывают солнце, поэтому в лесу чувствуется прохлада. В лесу ветер почти не ощущается, в то время как на территории племени Ветра он довольно силен.</center></font>
</table>

<!-- Конец контента -->

<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>