<style>
#menu {margin: 0px;}

#menu span {
padding: 0px;
margin: 0px;
width: 88px;
height: 11px;
display: block;}

#menu .tabactive {
border-bottom: 1px solid #fff;}

#submenu {
padding: 0px;
width: 100%;}

.submenutext {
display: none;
text-align: center;
height: 300px;}
</style>

<center><table style="width: 90%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="center">
    <div id="menu">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 20%;" align="center">
<span alt="#sm1" style="cursor: pointer;"><img src="http://uploads.ru/i/M/w/0/Mw0ka.png"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm2" style="cursor: pointer;"><img src="http://uploads.ru/i/s/w/z/swztB.png"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm3" style="cursor: pointer;"><img src="http://uploads.ru/i/n/x/m/nxmlK.png"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm4" style="cursor: pointer;"><img src="http://uploads.ru/i/M/w/0/Mw0ka.png"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm5" style="cursor: pointer;"><img src="http://uploads.ru/i/i/R/p/iRpal.png"/></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;">

<center><p><font size="1">Здравствуй, странник. Мы рады приветствовать вас на ролевой Epidemic., посвященной жизни кошек в условиях города при надвинувшейся на него эпидемии неизвестной до этого времени странной болезни. Более подробно вы можете узнать в <u><a href=»http://mesolithic.rusff.me/viewtopic.php?id=27«>этой</a></u> теме. <br> Наша ролевая только недавно начала свое существование, поэтому активность не такая высокая, как бы нам хотелось, но не бойтесь этого - мы попытаемся оправдать ваши надежды! Мы очень рады новым игрокам и с радостью примем вас в наш узкий пока, но очень добродушный коллектив. </font></p></center>

<table border="0" cellspacing="0">
<tr>
<td> <CENTER> <p> <font size="1"> <B> Рейтинг ролевой: R </B> </font> </p> <br> <p> <font size="1"> Мы пока были вынуждены убрать акции на перепись, но вы можете заполнить анкету по упрощенному шаблону. Действет эта акция до конца мая, дорогие друзья! Ознакомиться с шаблоном можно <a href="http://mesolithic.rusff.me/viewtopic.php?id=91"> тут. </a> </font></p> <br>  <p> <img src="http://img.rpgtop.su/rpgtop3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <br> <a href='http://wizardtop.ru/in.php?id=1523' target='_blank' title='Волшебный рейтинг игровых сайтов'> <img src='http://wizardtop.ru/b/1.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a> </p> <CENTER> </td>
<tr> </table>
</div>
     <div id="sm2" class="submenutext">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 100%;" align="center" valign="top">

<div style="overflow: scroll; overflow-x: hidden; height:270px;"> <CENTER> <p> <font size="1"> - <B>Набираем обороты! с:</B> <br>
Участники приходят на наш молодой проект, и за это им большое спасибо, конечно. Мы до сих пор нуждаемся в помощниках, поэтому если у кого-то есть желание - <B>милости просим <a href=»http://mesolithic.rusff.me/viewtopic.php?id=20#p35«>сюда.</a></B> Заявите о себе, мы будем только рады активности. <br>
Сделаны новые рекламки. <br>
Также мы работаем <B>над первым основным квестом,</B> но так как админ устает и идей у него мало, пожалуйста, если вы можете придумать на этот счет что-нибудь интересное, то тогда пишите нам об этом в тему "предложения по основному квесту". Естественно, ваши новые идеи будут вознаграждены. Как обычно мы очень рады активистам, они сейчас нам нужны как никогда. </font></p> <br> <CENTER>

<CENTER> <p> <font size="1"> - <B>У нас появился новый администратор!</B> <br> Прошу любить и жаловать - господин <a href=»http://mesolithic.rusff.me/profile.php?id=5«>Tier</a>! Очень приятный человек, полный сил и желания помочь нам, за что ему огромное спасибо. Желаем этому человеку всего хорошего, чего только можно пожелать. Надеюсь, не подведешь нас :з </font> </p> <br><CENTER>

<CENTER> <p> <font size="1"> - Изменен дизайн нашей ролевой на более серый, но, на взгляд Stern'а, который и является создателем сего проекта, он больше подходит к тематике ролевой, поэтому обживаем обновленный форум! </font> </p> <br><CENTER>

<CENTER> <p> <font size="1"> - <B> Мы официально открыты теперь, товарищи! </B> <br>
Наша ролевая только начала свою жизнь, и поэтому мы очень нуждаемся в активных игроках, а ещё больше - в людях, которые будут помогать нашей ролевой. Нужны нам и администраторы, и модераторы, и дизайнеры, и пиарщики и квест-мастера, так и просто участники, которые помогли бы нам с развитием нашего молоденького проекта. <br>
Участников пока мало, но это только начало, и если мы соберемся, то мы продвинемся вперед, к звездам и популярности! :з Мы будем всем очень благодарны. </font> </p> <br> <CENTER> </div>

</div>
     <div id="sm2" class="submenutext">
<table style="width: 100%; height: 100%;" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 100%;" align="center" valign="top">

Контент четвертой кнопки

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

<CENTER> <br> <a href="http://sanfrancisco.rolbb.ru/" target=_blank>  <img src="http://uploads.ru/i/h/D/4/hD480.jpg" border="0" / alt="The illusion of life" width="88" height="31"></a>  <a href="http://independentsky.spybb.ru/" target="_blank"><img src="http://savepic.su/1301147.png"></a>  <a target="_blank" href="http://libertas-wolves.ru/"><img src="http://uploads.ru/i/F/c/p/FcpfP.gif" ></a> </div>

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

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