В html-верх:

Код:

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

#cat_st td {
  text-align: center;
  vertical-align: top;
  border: 1px solid #a3a3a3;
  }

#cat_st h3 {
  margin: 2px 0 5px 0;
  font: bold normal 14px 'times new roman', serif;
  letter-spacing: 1px;
  font-variant: small-caps;
  color: #6a6a6a;
  }

#cat_st hr {
  margin: 2px 0;
  width: 100%;
  border: none;
  border-top: 1px solid #a3a3a3;
  height: 1px;
  }

.nav {
  width: 180px;
  margin: 2px auto;
  height: 355px;
  overflow-y: auto;
  }

.nav a {
  display: block;
  width: 120px;
  padding: 5px 10px;
  margin: 3px auto;
  background-color: #c1c1c1;
  }

.nav a:hover {
  background-color: transparent;
  }

#menu {margin: 0px;}

#menu span {
  display: block;
  width: 100px;
  margin: auto;
  padding: 2px 0px;
  font: bold normal 14px 'times new roman', serif;
  color: #6a6a6a;
  }

#menu span:hover {text-decoration: underline;}

#menu .tabactive {letter-spacing: 1px; color: #000;}

#submenu {
  padding: 0px;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 610px;
  height: 190px;
  padding: 5px;
  overflow-y: auto;
  }
</style>

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

Код:

<!-- Основная таблица -->
<table id="cat_st" style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%; border-bottom: none;" rowspan="2">

<h3>Полезные ссылки</h3>
<hr/>

<div class="nav">
<!-- Блок ссылок -->
<a href="http://cwtt.5bb.ru/viewtopic.php?id=23">Правила</a>
<a href="http://cwtt.5bb.ru/viewtopic.php?id=39">Сюжет</a>
<a href="http://cwtt.5bb.ru/viewtopic.php?id=5">Шаблон анкеты</a>
<a href="http://cwtt.5bb.ru/viewtopic.php?id=3">Отзывы</a>
<!-- Конец блока ссылок -->
</div>

</td>
<td style="width: 45%; border-bottom: none; border-left: none; border-right: none;">
<!-- Место под первую картинку (центральную): макс. размер - 360х150 пикселей -->

<img style="margin: 8px 0 5px 0;" src="http://s5.uploads.ru/RytQI.jpg"/>

<!-- Конец -->
</td>
<td style="width: 30%; border-bottom: none;">
<!-- Место под вторую картинку (правую): макс. размер - 236х150 пикселей -->

<a href="ссылка на тему"><img style="margin: 8px 0 5px 0;" src="http://s5.uploads.ru/RytQI.jpg"/></a>

<!-- Конец -->
</td>
</tr>
<tr>
<td colspan="2" style="border-top: none; border-bottom: none; border-left: none;">
<!-- Вложенная таблица с переменным контентом -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td align="center" style="border: none;">
    <div id="menu">
<!-- Блок кнопок (5 шт.) -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 20%; border-left: none; border-right: none;"><span alt="#sm1" style="cursor: pointer;">Основное</span></td>
<td style="width: 20%;"><span alt="#sm2" style="cursor: pointer;">Кнопка 2</span></td>
<td style="width: 20%; border-left: none; border-right: none;"><span alt="#sm3" style="cursor: pointer;">Кнопка 3</span></td>
<td style="width: 20%;"><span alt="#sm4" style="cursor: pointer;">Кнопка 4</span></td>
<td style="width: 20%; border-left: none; border-right: none;"><span alt="#sm5" style="cursor: pointer;">Баннеры</span></td>
</tr>
</table>
<!-- Конец блока кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top" style="border: none;">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display: block;">
<!-- Контенте первой кнопки (основное) -->

Контент 1

<!-- Конец контента -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй кнопки -->

Контент 2

<!-- Конец контента -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей кнопки -->

Контент 3

<!-- Конец контента -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой кнопки -->

Контент 4

<!-- Конец контента -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой кнопки (под баннеры) -->

<a href="http://cwmor.0pk.ru/" target="_blank"><img src="http://s5.uploads.ru/Pmw31.gif"/></a>

<!-- Конец контента -->
</div>
   </td>
</tr>
 </tbody>
</table>
<!-- Конец вложенной таблицы -->
</td>
</tr>
<tr>
<td colspan="3">

<h3>Баннеры партнеров</h3>
<hr/>
<!-- Баннеры партнеров -->
<a href="http://astra.anihub.ru/" title="Astra Amsterdamo" target="_blank"><img src="http://s4.uploads.ru/ZKNdy.gif"></a>
<a href="http://domgrez.mybb.ru/" target="_blank"><img src="http://s1.uploads.ru/t/r0DYk.gif" border="0" alt="Cats~Warriors. Дом Грез" width="88" height="31"></a>
<a href="http://extasy.rusff.ru/" target="_blank"><img src="http://forumstatic.ru/files/000d/b2/37/93075.png" title="RPG: 18+ Everything is possible!"></a>
<a href="http://madokamagica.rolka.su" title="Puella Magi Madoka Magica" target="_blank"><img src="http://s1.uploads.ru/fFR5X.png"></a>
<a href="http://cyanide.mybb.ru/" target="_blank"><img src="http://s2.uploads.ru/1Jh3Z.png" title="CYANIDE" border="0" width="88" height="31"></a>
<!-- Конец партнеров -->
</td>
</tr>
</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>