В html-верх:

Код:

<style>
/* Настройки таблицы в объявлении */
#pun-announcement .container {margin-left: 2px; margin-top: -6px;}

#menu {margin: 0 0 5px 0;}

#menu span {
  display: block;
  padding: 0px;
  margin: 0px;
  width: 180px;
  height: 26px;
  font: bold italic 16px 'Palatino Linotype', serif;
  text-shadow: 1px 1px 5px #fff;
  }

#menu span:hover {text-shadow: 1px 1px 5px #16C4EC; font-weight: normal;}
#menu .tabactive {text-shadow: 1px 1px 4px #9B000A;}

#submenu {width: 100%;}

.submenutext {
  display: none;
  text-align: center;
  padding: 5px;
  width: 750px;
  height: 190px;
  }

#pun-announcement .container h3 {
  margin: 2px 0 6px 0;
  font: bold normal 14px 'times new roman', serif;
  text-decoration: underline;
  }

.tabu td {text-align: center; vertical-align: top;}

.txt-anime {
  width: 100%;
  height: 165px;
  overflow-y: auto;
  font: normal normal 12px 'comic sans MS';
  }

.ams-st img {width: 50px; height: 50px; margin: 2px 5px 3px 5px; border: 1px solid black;}
</style>

В объявление:

Код:

<!-- Основная таблица -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Верхние кнопки -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center"><span alt="#sm1" style="cursor: pointer;">Основное</span></td>
<td style="width: 25%;" align="center"><span alt="#sm2" style="cursor: pointer;">Игра</span></td>
<td style="width: 25%;" align="center"><span alt="#sm3" style="cursor: pointer;">Реклама и партнеры</span></td>
<td style="width: 25%;" align="center"><span alt="#sm4" style="cursor: pointer;">Баннеры</span></td>
</tr>
</table>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->
<table class="tabu" style="width: 100%; height: 190px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 30%;">


<h3>Полезные ссылки</h3>
<!-- Блок ссылок -->
<br/>
<a href="http://ognegrivka.5bb.ru/viewforum.php?id=2">Гостевая Книга</a> 
<br/><br/>
<a href="http://ognegrivka.5bb.ru/viewtopic.php?id=241">Карты</a>
<br/><br/>
<a href="http://ognegrivka.5bb.ru/viewforum.php?id=3">Анкета</a>
<br/><br/>
<a href="http://ognegrivka.5bb.ru/viewforum.php?id=4">Техраздел</a>
<br/><br/>
<a href="http://ognegrivka.5bb.ru/viewforum.php?id=6">Информация</a>
<br/><br/>
<a href="http://ognegrivka.5bb.ru/viewforum.php?id=5">Изменения элементов профиля</a>

<!-- Конец блока -->
</td>
<td style="width: 40%;">


<h3>Новости</h3><div class="txt-anime">
<!-- Блок новостей -->

<b>Форум возродился. Мы ждём участников и любую помощь. С пиаром, с остальным. Я, Огненная Звезда, хочу сказать новичкам, что мы примем их тепло и уютно.</b>
<br/><br/>
До этого мы создали новый форум, переехали. Но вскоре все про него забыли. Сейчас же мы переговорили с главным админом и решили возродить форум. На данный момент идёт работа.
<br/><br/>
Так же мы убрали плеер. Работаем в данный момент над дизайном и всем прочим.
<br/><br/>
Ну, это пока что всё. <i>С вами была ваша верная Сож)</i>

<!-- Конец блока -->
</div>

</td>
<td style="width: 30%;">


<h3>Администраторы</h3><div class="txt-anime"><div class="ams-st">
<!-- Авы админов -->

<img src="http://pic.jpg"/>
<img src="http://pic.jpg"/>
<br/>
<img src="http://pic.jpg"/>
<img src="http://pic.jpg"/>

<!-- Конец авам админов -->
<h3>Модераторы</h3>
<!-- Авы модеров -->

<img src="http://pic.jpg"/>
<img src="http://pic.jpg"/>
<br/>
<img src="http://pic.jpg"/>
<img src="http://pic.jpg"/>

<!-- Конец авам модеров -->
</div></div>


</td>
</tr>
</table>
<!-- Конец первой вкладки -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->
<table class="tabu" style="width: 100%; height: 190px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Новости в племенах</h3><div class="txt-anime">
<!-- Блок новостей -->

text 1

<!-- Конец блока -->
</div>

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

<h3>Информация о сюжете</h3><div class="txt-anime">
<!-- Блок информации -->

text 2

<!-- Конец блока -->
</div>

</td>
</tr>
</table>
<!-- Конец второй вкладки -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->
<table class="tabu" style="width: 100%; height: 190px; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;">

<h3>Информация</h3><div class="txt-anime">
<!-- Блок инфы -->

Текст

<!-- Конец блока -->
</div>

</td>
<td style="width: 34%;">

<h3>Топы</h3><div class="txt-anime">
<!-- Блок топов -->

Под баннеры

<!-- Конец блока -->
</div>

</td>
<td style="width: 33%;">

<h3>Партнеры</h3><div class="txt-anime">
<!-- Уголок партнеров -->

И еще под баннеры

<!-- Конец блока -->
</div>

</td>
</tr>
</table>
<!-- Конец третьей вкладки -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->
<div class="txt-anime" style="height: 190px;">
<!-- Блок под баннеры -->

И еще под баннеры отдельная вкладка 

<!-- Конец блока -->
</div>
<!-- Конец четвертой вкладки -->
</div>
   </td>
</tr>
 </tbody>
</table>
<!-- Конец основной таблицы -->

В html-низ:

Код:

<!-- Переключатель вкладок -->
<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>