Код:

<style>	
#menu {
margin-top: -5px;
width: 100%;
height: 100px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:;
}

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

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 40px;
}
</style>

Код:

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

Код:

<div class="container">
    <div class="html-box">
    	<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"><img src="http://s3.uploads.ru/I2nu1.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://s3.uploads.ru/j8IVR.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://s3.uploads.ru/oUDbX.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://s3.uploads.ru/cgUCS.png"></span>
<span alt="#sm5" style="cursor: pointer;"><img src="http://s3.uploads.ru/eoUcY.png"></span>
	
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<b>
<table>
<tr>
<td>
<b>ДОБРО ПОЖАЛОВАТЬ!</b>  <br/>
Пройдя по одной из ссылок, вы попали на ролевой проект, посвященный тяжелой судьбе будущих шпионов. Думаю многие смотрели замечательные фильмы о детях шпионах и мечтали о том, что бы занять их место. Так почему бы нам не воплотить это желание в жизнь? Осуществите мечту детства вместе с нами, попробовав на себе роль будущего шпиона, взвалите себе на плечи не только груз ученья и миссий, но и подростковой жизни.
Рейтинг <b>NC-21.</b>

</td>
<td>
<b>НОВОСТИ</b>
<br>На календаре четвертое января. Эту знаменательную дату мы запомним на всю жизнь, ведь именно сегодня наш форум распахнул свои двери для игроков и гостей. Мы ждали этого дня целый месяц и надеемся, что наш труд и старания будут оценены сполна. 

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

<a href="http://forum-top.ru/vote/843" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Поддержать форум на Forum-top.ru" /></a>
<a href="http://top.roleplay.ru/17366" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x7.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>










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

<center><b>СОБЫТИЯ В ИГРЕ</b></center>
<br> На календаре 8 января 2013 года. Температура воздуха колеблется от 0 градусов до +4. Временами крупными хлопьями идет снег. Рождественские каникулы подошли к концу и студенты вернулись. Тишину в коридорах университета нарушили шум и громкие разговоры подопечных и их кураторов. В честь начала семестра администрация университете решила порадовать студентов и сделать лишь одно занятие для каждого факультета. Большинство преподавателей покинут стены университета этим вечером, а это значит, что студентам повезло в двойне. Мало того, что сегодня в кампусе будет вечеринка, так и скрываться будет не от кого.


</div>
     <div id="sm3" class="submenutext"><br /><br />
<b>
<br><br><font size=1><center><b>РЫЦАРИ КРУГЛОГО СТОЛА</b></font>
<br><a href=http://maximumrisk.rusff.ru/profile.php?id=4><img src=" http://s2.uploads.ru/pSi0j.png"></a><a href=карина - фоукс><img src="http://s2.uploads.ru/USJzm.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=5><img src="http://s2.uploads.ru/kFOZh.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=10><img src="http://s2.uploads.ru/9ewpo.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=8><img src="http://s2.uploads.ru/Lsz1f.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=7><img src="http://s2.uploads.ru/hs3fn.png"></a><a href=http://maximumrisk.rusff.ru/profile.php?id=6><img src="http://s2.uploads.ru/nY84J.png"></a></center>
</b>
</div>
     <div id="sm4" class="submenutext"><br /><br /><b>
<br><font size=1><center><b>АКТИВИСТЫ ТРЕХ ДНЕЙ</b></font>
<br><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a>
<a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a><a href=ссылка><img src="картинка"></a>
<br><table>
<tr>
<td><font size=1><center><b>ЛУЧШИЙ ИГРОК </b></font>
<br><a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a>
</td>
<td>
<font size=1><center><b>ПЯТЬ ВЕЧЕРОВ С ...?</b></font></center>
<a href=ссылка><img src="http://s3.uploads.ru/92Kez.gif"></a><b></td>
</tr>
</table>

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

<a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="http://forumstatic.ru/files/0010/0e/ae/92917.png" border="0" alt="White PR"></a>


<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"></a>

<a target="_blank" href="http://tank.mybb.ru" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://i912.photobucket.com/albums/ac325/2510-img/Tank/tank_banner.gif" border="0"></a>

<a target="_blank" href="http://bonup.artbb.ru/"><img src="http://uploads.ru/i/T/A/d/TAdns.png" ></a>



</b>
</div>

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

    </div>
	</div>
<br><br>
<font size=1><center><b><a href=http://maximumrisk.rusff.ru/viewtopic.php?id=5>СЮЖЕТ</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=6#p6>FAQ: ВСЕ ОБ «MAXIMUM RISK»</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=7>FAQ: ВСЕ ОБ BUSS</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=29#p36>ЧТО ТАКОЕ ПОРТФОЛИО?</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=8>ЗАНЯТЫЕ ВНЕШНОСТИ</a> <br><a href=http://maximumrisk.rusff.ru/viewtopic.php?id=9>ПАСПОРТНЫЙ СТОЛ</a> | <a href=http://maximumrisk.rusff.ru/viewforum.php?id=4>МЕСТНАЯ РАСПРОДАЖА</a> | <a href=http://maximumrisk.rusff.ru/viewforum.php?id=5>ПОЛУЧЕНИЕ ПРОПИСКИ</a> | <a href=http://maximumrisk.rusff.ru/viewtopic.php?id=16>ЛИЧНЫЕ СВЕДЕНИЯ</a></b></font></center>