Код:

<!-- Настройки табло в объявлении -->
<style type="text/css">
/* Убираем слово "объявление" */
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 0em;}
/* Отступ под кнопками */
#menu {margin: 0 0 10px 0;}
/* Настройки кнопок */
#menu span {
  display: block;
  width: 120px;
  height: 15px;
  padding: 5px 0;
  text-align: center;
  color: #ffe4e1;
  }
/* Вид кнопки при наведении */
#menu span:hover {color: #846d2f;}
/* Вид активной кнопки */
#menu span.tabactive {color: #8b3a62;}
/* Основной блок с переменным контентом */
#submenu {
  width: 96%;
  padding: 0 2% 1% 2%;
  }

.submenutext {
  display: none;
  text-align: center;
  width: 98%;
  height: 120px;
  padding: 5px 1%;
  overflow-y: auto;
  }
/* Границы форм */
#menu span, .submenutext {
  border: 1px solid #BA8282;
  border-radius: 10px;
  }
</style>

Код:

<!-- Спойлер-контейнер -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
$("#menu span:first").addClass("tabactive").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>

Код:

<!-- Основная таблица -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu"><center>
<!-- Кнопачки -->
<table style="width: 100%; border: none;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
<td style="width: 20%;" align="center"><span alt="#sm1" style="cursor: pointer;">Приветствие</span></td>
<td style="width: 20%;" align="center"><span alt="#sm2" style="cursor: pointer;">Администрация</span></td>
<td style="width: 20%;" align="center"><span alt="#sm3" style="cursor: pointer;">В игре</span></td>
<td style="width: 20%;" align="center"><span alt="#sm4" style="cursor: pointer;">Новости</span></td>
<td style="width: 20%;" align="center"><span alt="#sm5" style="cursor: pointer;">Новости игры</span></td>
  </tr>
 </tbody>
</table>
<!-- Конец таблицы кнопачек -->
    </center></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/>
Ты попал на форумную ролевую игру "Коты-Воители. Солнечный Луч". Мы - старая ролевая игра, существующая на протяжении трех лет. Много раз мы переезжали с адреса на адрес, чтобы поднять активность, и, наконец, все получилось. Мы ждем твоих отзывов. Если тебе у нас понравится - пожалуйста, зарегистрируйся и напиши анкету. 
<br/><br/>
<i>Администрация CW|СОЛ.</i>

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

<b>Туманная Роса</b> - <i>Главный администратор</i>
<br/><br/>
<b>Оскал</b> - <i>Администратор-оформитель</i>
<br/><br/>
<b>Соловушка</b> - <i>модератор</i>
<br/><br/>
<b>Набор в амс-состав. Обращаться к Туманной Росе.</b>

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

<i>Тепло. Апрель. Температура примерно 17 градусов Цельсия. Дневное тепло заставляет дичь высовываться из своих норок. Большинство трав уже выросло, и лишь некоторые лениво качают стебельками, направляя бутончики прямо к теплому доброму солнцу.</i>

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

[13.04.2014] Таблица изменена. <i>Администрация.</i>

<br/><br/>

[Начало марта 2014] Итак, щуваки, приветствуем весенний дизайн <s>с которым я намучилась вдоволь</s>. Трехцветность-пестрость-разноперость, - называйте, как угодно, - означает, что мне лень рисовать новые весенние иконки. Если вы их нарисуете/наколдуете/обработаете, стучитесь в лс. ~<i>Ваша Роса.</i>

<!-- Конец -->
</div>
     <div id="sm5" class="submenutext">
<!-- Контент пятой кнопки -->

<b>Грозовое племя.</b>
<br/>
<i>Целительница племени, Туманная Роса, находится в лагере племени Ветра. Туда она попала после пограничной стычки, произошедшей из-за самой Грозовой кошки.</i>
<br/>
<b>Племя Ветра.</b>
<br/>
<i>Грозовая целительница - Туманная Роса - попала в лагерь быстролапых воинов. Предводительница Ветра, как и Туманная Роса, ранена. Обе находятся на попечении Пепельного.</i>
<br>
<b>Речное племя. </b>
<br/>
<i>Оруженосец Речного племени по имени Черничка решила поохотиться, но нечто заставило малышку изменить свои планы. Кошка пошла к границе с племенем Ветра. Что-то влекло Черничку в вересковой пустоши, в самом племени Ветра. Ушедшая из лагеря с разрешения Пепельного Ветрозвёздая по некому стечению обстоятельств оказалась на границе. Черничка хотела сорвать цветочек вереска, но что-то ей помешало. Обеих кошек, до сих пор не замечавших друг друга, постигла новая напасть - собака, сбежавшая от Двуногих. Первой ее приближение почуяла Речная ученица. Когда нападение было отбито, Ветрозвёздая заподозрила, что не зря неопытная ученица пришла к границе - скорее всего, это чей-то коварный план.</i> 
<br/>
<b>Племя Теней.</b>
<br/>
<i>Задолго после стычки с Туманной Росой Ветрозвёздая посетила территорию Сумрака. Звёздный Шип, найдя общий язык с незваной гостьей, отвел ее в свою палатку. Предводители обсуждали важную проблему - дичь в лесу вела себя очень странно, и коты подозревали, что в этом кроется какой-то смысл. В это время, Туманка, одержимая властью Теневой, наблюдала за разговором предводителей. Слежка была быстро замечена.</i>
<br/>
<b>Племя Алеющей Зари.</b>
<br/>
<i>До происшествия в племени Теней, Туманка, воительница племени Алеющей Зари, поссорилась со своим оруженосцем, и тот улетел к ручью вместе со своим товарищем. Стремительный Астероид наблюдал на происходящим, и, решив проследить за озорниками, полетел следом. Котята ничего не замечали, что не странно - предводитель был асом полетов. Решив занять молодняк полезным делом, кот увел Игрунчика и Воронёнка на поляну для тренировок. Туманка наблюдала за всем этим, пользуясь своим даром. Стремительный Астероид, почувствовав неладное, быстро поймал невидимую кошку, и, в сопровождении оруженосцев и под тяжестью своей ноши, полетел за травами.</i>
<br/>
<b>Одиночки</b>
<br/>
<i>Фигня и Жук, двое одиночек, мило беседовали в заброшенном сарае. Риск, он же Фигня, рассказал приятелю о существовании пяти племен котов-воителей, и товарищи решили отправиться на их поиски. Фигня вышел на Жженое поле, но Жук почему-то не последовал его примеру. Риск встретил вне сарая Искру - одиночку, забредшую туда непонятно как. Коты направились к сараю.</i>

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





<!-- Баннеры -->
<center><!-- Top.Roleplay.Ru -->
<script type="text/javascript" language="javascript">
var topRPGc="<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21925&rnd=" + Math.random();
topRPGc += "&r="+escape(document.referrer)+"' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21925' title='Рейтинг Ролевых Ресурсов - RPG TOP' target='top_'>"+
"<img src='http://img.rpgtop.su/88x31x11x6.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a> ";
document.write(topRPGc);
</script>
<noscript>
<img src='http://top.roleplay.ru/cgi-bin/iv.cgi?a=ins&id=21925' width='1' height='1' border='0'><a href='http://top.roleplay.ru/21925' target='_top'><img src='http://img.rpgtop.su/88x31x11x6.gif' alt='Рейтинг Ролевых Ресурсов - RPG TOP' border='0' width='88' height='31'></a>
</noscript>
<!-- /Top.Roleplay.Ru -->
<!--<p id="count">0</p>--> 
<a href="http://cyanide.mybb.ru/" target="_blank"><img src="http://s3.uploads.ru/MgbrF.jpg
" title="CYANIDE" border="0" width="88" height="31">
</a>
<br/><br/>
<a href="http://vk.com/sunluch">Группа ВКонтакте</a> | <a href="http://www.odnoklassniki.ru/group/53106553192552">Группа в Одноклассниках.</a></center>