<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #654321;
background:#f2e8c9;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 720px;
}

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

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

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td>
    <div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Новости</span>
<span alt=#sm2 "style="cursor: pointer;">События в игре</span>
<span alt=#sm3 "style="cursor: pointer;">Навигация по форуму</span>
<span alt=#sm4 "style="cursor: pointer;">Администрация</span>
           </b>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<TABLE WIDTH="100%" BORDER=0 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD><img src='http://s019.radikal.ru/i631/1306/ee/15a5e29682ea.png ' /></TD>
</TR>
<TR>
<TD><div style="height: 271px; overflow: auto"> Добро пожаловать, дорогой гость. Мы рады приветствовать тебя на нашем форуме, посвященном временам колониальных войн севера и юга. Действия разворачиваются в вымышленном городке "Тихая заводь", который то и дело страдает от постоянного натиска соседнего племени Аймара. На нашем форуме вам предоставляется возможность поиграть и даже пообщаться с игроками на отдельного рода темы. Мы сделаем все, чтобы вам было у нас комфортно и интересно. 
<br>
<marquee>
сюда банеры
</marquee>
<div></TD>
</TR>
</TABLE>
</div>
     <div id="sm2" class="submenutext"><br /><br />

<TABLE WIDTH="100%" BORDER=0 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD><img src='http://s47.radikal.ru/i117/1306/79/2051f60304ad.png ' /></TD>
<TD><img src='http://s003.radikal.ru/i204/1306/d4/8bf5cad0c172.png ' /></TD>
</TR>
<TR>
<TD>В город Бэкуотер приезжает все больше и больше людей. На данный момент все собрались в салуне "У Висельника". Хотите к нам? присоединяйтесь!</TD>
<TD><b>Дата</b><br>2013 год <br><b>Время</b><br>16.00 – 18.00 <br> <b>Погода</b><br>Спадает жара, солнце близится к закату.</TD>
</TR>
</TABLE>

</div>
     <div id="sm3" class="submenutext"><br /><br />
<!-- Облако тегов -->
<div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=5 " rel="nofollow" class="eTag eTagGr8">Личное Дело</a>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=10 " rel="nofollow" class="eTag eTagGr8">Правила</a>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=12 " rel="nofollow" class="eTag eTagGr8">Сюжет</a>
<a style="font-size:8pt;" http://backwater.mybb.ru/viewtopic.php?id=11 " rel="nofollow" class="eTag eTagGr8">Персонажи</a>
<a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=43#p326 " rel="nofollow" class="eTag eTagGr8">Требуется!</a>
</noindex></div>
<!-- Конец облака тегов -->
</div>
     <div id="sm4" class="submenutext"><br /><br />
<TABLE WIDTH="100%" BORDER=0 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD><img src='http://s52.radikal.ru/i137/1306/1d/5d73bec0b9b2.png ' /></TD>
<TD><img src='http://s020.radikal.ru/i714/1306/d5/b9304ad314c8.png ' /></TD>
</TR>
<TR>
<TD>Не я<br>Шериф<br>Доктор Майк<br></TD>
<TD>Вигдис Диас</TD>
</TR>
</TABLE>

</div>

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

<br><a style="font-size:8pt;" href="http://backwater.mybb.ru/viewtopic.php?id=38" rel="nofollow" class="eTag eTagGr8">Наша реклама</a>

[url=http://backwater.mybb.ru][img]http://3.firepic.org/3/images/2013-06/20/68ark6pt16uy.jpg[/img][/url]

<a target="Backwater.Тихая Заводь" href="http://backwater.mybb.ru/"><img src="http://s018.radikal.ru/i525/1306/ea/ead33accee98.png"></a>

<a target="Backwater.Тихая Заводь" href="http://backwater.mybb.ru/"><img src="http://3.firepic.org/3/images/2013-06/20/68ark6pt16uy.jpg"></a>