<center>
<style type="text/css">
#menu {
padding-left: 20px;
font-size:12px;
text-align: center;
background-image:url(http://i.piccy.info/i5/39/35/1233539/Bezymeny-1.png);
background-repeat: no-repeat;
background-position: center;
}

#menu a {
padding: 0 7px; 
margin-right: 5px;
margin: 10px 0;
width: 100px;
text-decoration: none;
}

#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 700px;
}

.submenutext {
display: none; 
height: 60px;
}


#MenuTxT {
 background:url(http://i.piccy.info/i5/26/36/1233626/4wBUpW7M_kopyia.png) no-repeat center;
text-shadow: #755a57 2px 2px 12px,#9C816C -2px -2px 12px,#94A4B0  1px 1px 2px;
}

#submenu A {
color: #CCC; 
}
#menu .tabactive {
color: 65065f;
}
</style>
<!-- Cкрипт для всей Таблички  -->


<table id=007 style="width: 730px;">
 <tbody>
  <tr>
   <td valign="bottom">
    <div id="menu"  style="height:0px;"> <i>
     <a alt=#sm1 "style="cursor: pointer;">Новости</a>
     <a alt=#sm2 "style="cursor: pointer;">Администрация</a>
     <a alt=#sm3 "style="cursor: pointer;">Время|Погода</a>
     <a alt=#sm4 "style="cursor: pointer;">События</a>
     <a alt=#sm5 "style="cursor: pointer;">Ссылки</a>
     <a alt=#sm6 "style="cursor: pointer;">Партнеры</a>
     <a alt=#sm7 "style="cursor: pointer;">Реклама</a>
      </i>
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="center">
    <div id="submenu" align="center"> <i>
     <div id="sm1" class="submenutext" style="display:block;"><br /><br />
<div style="overflow: scroll; overflow-x: hidden; height:150px;">
<b>Открытие</b>
<br>Добро пожаловать но ролевую игру по МБ. Наши двери открыты для всех желающих. Не важно, читали ли вы Мефодия Буслаева или нет, все равны.<br>
Мы убрали с ролевой канонических персонажей, и теперь регистрация канонов не приветствуется.<br><br>
<center><b><font color="red">В</font>нимани<font color="red">е</font>!!</b></center><br>
Так как ролевая имеет много категорий и форумов, сделано сворачивание категорий (Кнопочка "_"/"+"). До того, как страница прогрузится, сворачивание будет немного тормозить.
</div></div>
     <div id="sm2" class="submenutext"><br /><br />
<br><a href="http://buslaev.rolca.ru/profile.php?id=2">Дарена Страшко</a>
<br>Идет набор</div>
     <div id="sm3" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Время</b></td>
<td>
<b>Погода</b></td></tr></table></div>
     <div id="sm4" class="submenutext"><br /><br />Сюжет и правила находятся в стадии разработки, и мы приветствуем любую помощь.</div>
     <div id="sm5" class="submenutext"><br /><br />
<table width="100%" border="0">
<tr>
<td>
<b>Для гостей</b>
<br><a href="http://buslaev.rolca.ru/viewforum.php?id=3">Гостевая</a>
<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=5">Правила</a>
<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=21#p25">Сюжет</a>

<br><a href="http://buslaev.rolca.ru/viewtopic.php?id=8">Список ролей</a>
</td>
<td>
<br><b>Для участников</b>
<br>Отсутствие|Уход
<br>Заполнение профиля
<br>Галерея
<br>Поиск партнера по игре
</td></tr></table></div>
     <div id="sm6" class="submenutext"><br /><br />
<b>Наши партнеры:</b>
</div>
     <div id="sm7" class="submenutext"><br /><br />
<br>Для рекламирования вашего форума, воспользуетесь следующим аккаунтом:<br>
<b>Ник:</b> Реклама <br>
<b>Пароль</b> 0000
<br>
<table width="100%" border="0">
<tr>

</tr></table>
</div>
     </i>
    </div>
   </td>
  </tr>
 </tbody>
</table>
<script type="text/javascript">

$(document).ready(function() {

$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs a:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();

$("div.#menu a").click(function() {
    $("div.#menu a").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false;
 });
});
</script>
</center>