в html-верх:

Код:

<style type="text/css">
/* Настройки объявления */
#pun-announcement h2 {display: none}

#pun-announcement .container {
  width: 827px;
  padding-top: 8em;
  }

#kota-kote td {
  text-align: center;
  vertical-align: top;
  padding: 0px;
  }

#kota-kote h3 {
  margin: 1px 0 4px 0;
  font: normal 1.7em 'Monotype Corsiva', monospace;
  letter-spacing: 1px;
  }

#nav_1, #nav_2 {
  width: 150px;
  margin: 2px auto 5px auto;
  }

#nav_1 a, #nav_2 a {
  display: block;
  width: 150px;
  height: 20px;
  padding: 8px 0 2px 0;
  margin-top: 3px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  }

#nav_1 a {background-color: #E5C8A0;}
#nav_2 a {background-color: #D8C0A0;}

#nav_1 a:hover, #nav_2 a:hover {
  background-color: transparent;
  text-decoration: none;
  }

.scroll-place {
  width: 94%;
  margin: 2px auto;
  overflow-y: auto;
  text-align: center;
  }

#energ-block img, #victor-block img {
  margin: 1px 2px;
  }

#energ-block img {
  width: 40px;
  height: 40px;
  }

#victor-block img {
  width: 60px;
  height: 60px;
  }

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

#menu span {
  display: block;
  width: 100px;
  height: 20px;
  padding: 0 2px 4px 2px;
  margin: 2px auto;
  color: #000;
  font: normal 1.7em 'Monotype Corsiva', monospace;
  letter-spacing: 1px;
  }

#menu span:hover {
  background: #D8BEA0;
  }

#menu .tabactive {
  color: #D3BA9C;
  background: #806957;
  }

#submenu {
  padding: 0px;
  }

.submenutext {
  display: none;
  width: 600px;
  height: auto;
  min-height: 220px;
  margin: 0 auto;
  padding-bottom: 5px;
  text-align: center;
  }

#menu span, .submenutext {
  border-radius: 15px;
  background: #D3BA9C;
  }
</style>

В объявление (вместо старого):

Код:

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

<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu">
<!-- Таблица кнопок -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0"><tr>
<td style="width: 20%;"><span alt="#sm1" style="cursor: pointer;">Основное</span></td>
<td style="width: 20%;"><span alt="#sm2" style="cursor: pointer;">В игре</span></td>
<td style="width: 20%;"><span alt="#sm3" style="cursor: pointer;">Карта</span></td>
<td style="width: 20%;"><span alt="#sm4" style="cursor: pointer;">Лучшие</span></td>
<td style="width: 20%;"><span alt="#sm5" 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 style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Объявления:</h3>
<div class="scroll-place" style="height: 195px;">
<!-- Блок объявлений -->
<b>Новости на 3 августа</b>
<br/>
Здравствуйте, дорогие друзья! Мы взяли себя в руки и добили первую тему с рекламой, подали заявки на баннерообмен и вообще занялись раскруткой форума. А всё почему? 
<br/>
Правильно, 8 августа нам исполнится месяц, а потому мы хотим отметить эту дату в большой компании. (Кстати, сегодня у нас пополнение. Приветствуем Ягоду и Хаоса) <br/>
Восьмого числа мы обещаем закончить работу с разделом "Свечка", а пока предлагаем проголосовать в <a href="http://cwmor.0pk.ru/viewtopic.php?id=192">супер-мега-важном опросе</a>, посвященному как раз этому разделу. Также на форуме проводится <a href="http://cwmor.0pk.ru/viewtopic.php?id=187">ПЕРЕКЛИЧКА</a>, просим всех отписаться там.
<!-- Конец блока -->
</div>
</td>
<td style="width: 50%;">

<h3>О проекте:</h3>
<!-- Блок "о проекте" -->

текст

<!-- Конец блока -->
</td>
</tr>
</table>

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

<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr style="height: 110px;">
<td style="width: 50%;">

<h3>Погода и время:</h3>
<!-- Блок погоды -->
В игре <b>день</b> (12:00-13:00)
<br/><img src="http://s4.uploads.ru/8DQOv.png"> 
<br/>+27°C, Солнечно
<br/><a href="http://cwmor.0pk.ru/viewtopic.php?id=51#p248">подробнее об игровом времени</a>
<!-- Конец блока -->
</td>
<td style="width: 50%;">

<h3>Ваша очередь писать пост:</h3>
<!-- Блок должников -->
текст - <a href="ссылка на тему">ссылка 1</a>; текст - <a href="ссылка на тему">ссылка 1</a>;
<br/>
текст - <a href="ссылка на тему">ссылка 1</a>; текст - <a href="ссылка на тему">ссылка 1</a>;
<br/>
текст - <a href="ссылка на тему">ссылка 1</a>; текст - <a href="ссылка на тему">ссылка 1</a>;
<br/>
текст - <a href="ссылка на тему">ссылка 1</a>; текст - <a href="ссылка на тему">ссылка 1</a>;
<br/>
текст - <a href="ссылка на тему">ссылка 1</a>; текст - <a href="ссылка на тему">ссылка 1</a>;
<!-- Конец блока -->
</td>
</tr>
<tr style="height: 110px;">
<td>

<h3>Ситуация в игре:</h3>
<div class="scroll-place" style="height: 85px;">
<!-- Блок ситуации в игре -->
На дворе <b>31 луна</b> с момента основания племени. <b>61 день</b> Зелёных Листьев. <br>
Хоть и многие коты Вечного племени были против того, чтобы Колючка заняла должность глашатая, предводитель своего решения не изменил. Новоиспеченная глашатая решилась на сделку с онрё, а потому отправилась к Холму Предателя. Тем временем большая часть воителей уже проснулась, а Беломордый Демон начал объявлять патрули и раздавать воинам прочие мелкие указания.
<!-- Конец блока -->
</div>
</td>
<td>

<h3>Квесты:</h3>
<!-- Блок квестов -->

текст

<!-- Конец блока -->
</td>
</tr>
</table>

</div>
     <div id="sm3" class="submenutext">
<!-- Место под карту -->

(под мэп-карту)

<!-- Конец -->
</div>
     <div id="sm4" class="submenutext">

<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Активисты:</h3>
<div id="energ-block">
<!-- Блок активистов -->
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<!-- Конец блока -->
</div>

<h3>Пост недели:</h3>
<!-- Картинка поста недели -->
<img style="width: 150px; height: 60px; border: 1px solid black;" src="ссылка на изображение"/>
<!-- Конец -->
<div class="scroll-place" style="height: 54px;">
<!-- Блок текста под картинкой -->

текст

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

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

<h3>Победители конкурсов:</h3>

<div id="victor-block">
<!-- Блок победителей -->
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<img src="ссылка на аватар"/>
<!-- Конец блока -->
</div>
<div class="scroll-place" style="height: 125px;">
<!-- Блок текста под победителями -->

текст

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

</td>
</tr>
</table>

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

<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;">

<h3>Партнеры:</h3>
<!-- Место для баннеров партнеров -->

(баннеры)

<!-- Конец -->
</td>
<td style="width: 34%;">

<h3>Каталоги:</h3>
<!-- Место для баннеров каталогов -->

(баннеры)

<!-- Конец -->
</td>
<td style="width: 33%;">

<h3>Навигация:</h3>
<div id="nav_1">
<!-- Блок навигации -->
<a href="ссылка на тему">Ссылка 1</a>
<a href="ссылка на тему">Ссылка 2</a>
<a href="ссылка на тему">Ссылка 3</a>
<a href="ссылка на тему">Ссылка 4</a>
<a href="ссылка на тему">Ссылка 5</a>
<!-- Конец блока -->
</div>
</td>
</tr>
</table>

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

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

<h3>Стоит изучить:</h3>
<div id="nav_2">
<!-- Блок важных ссылок -->
<a href="http://cwmor.0pk.ru/viewtopic.php?id=2#p62">гостевая книга</a>
<a href="http://cwmor.0pk.ru/viewtopic.php?id=24">правила форума</a>
<a href="http://cwmor.0pk.ru/viewtopic.php?id=3" style="height: 30px; padding-top: 2px;">хронология, история племени</a>
<a href="http://cwmor.0pk.ru/viewforum.php?id=5">об игровом мире</a>
<a href="http://cwmor.0pk.ru/viewtopic.php?id=9#p10">шаблон анкеты</a>
<a href="http://cwmor.0pk.ru/viewforum.php?id=14">рекламный раздел</a>
<!-- Конец блока -->
</div>
</td>
</tr>
<tr>
<td>
<!-- Блок топов -->
<a href="http://top.roleplay.ru/20978" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> 
<a href='http://wizardtop.ru/in.php?id=2478' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/4.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></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>