Код:

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

#menu span {
text-align:left;
display:block;
color: #000000;
margin: 9px 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:#;
  border: 2px dashed #000000;
}

#menu .tabactive {
color: #000000;
    background:#;
    border: 2px dashed #000000;
}

#submenu {
padding: 0px;
height: 300px;
text-align: center;
font-size: 12px;
width: 750px;
background-image: url(http://s3.uploads.ru/N9RDA.jpg);
}

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

<table style="width: 615px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">Сюжет</span>
<span alt="#sm3" style="cursor: pointer;">Должности</span>

<span alt="#sm4" style="cursor: pointer;">Погода</span>
<span alt="#sm5" style="cursor: pointer;">Администрация</span>
<span alt="#sm6" style="cursor: pointer;">Навигация</span>

           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;padding:10px;height:200px;overflow-y: auto;">
<br/><br/>
<font size=4>
<font color="#000000">
<b>Новости:</b><br>
<br>
<b>Появились древа! Всем создать свое древо по шаблону!<br>
Также огромная просьба всем, кто активен перезаписаться в одну из 4 новых Стай. Просьба всем обновить своих вторых персонажей в теме "Обновления"!</b><br>
<br>
Мы объединились с форумом <a href="http://magiclynx.rolka.su/">"Magic Lynx"</a><br> и теперь мы партнеры еще и по игре! Пользователи могут приходить и общаться как в виде рысей на Волчьем Взгляде, так и в виде волков на Магии Рысей! Но не забывайте - если вы ролевите на форуме "Горы" - наших общих территориях - вы должны ролевить одновременно на двух форумах. Просто копируйте свои сообщения.<br>
</font>
</div>
     <div id="sm2" class="submenutext"><br/><br/>
<font size=4>
<font color="#000000">
<b>О сайте:</b>
<br>
Добро пожаловать на ролевую "Волчий Взс! Надеемся, вам у нас понравится!
<br>
Сейчас мы обустраиваем наш новый дом и осваиваем наши магические способности.
</div>гляд" !</b><br> 
Волчий Взгляд посвящен ролевой игре, где вы являетесь волком (или волчицей) из одной из четырех Стай. Каждая из них имеет что-то особенное (см. форумы про Стаи). Но не буду раскрывать все секреты сразу. У нас вы можете окунутся в интереснейшую игру, познакомится с прекрасными людьми, поиграть с ними, подурачится в чате и многое другое у на

     <div id="sm3" class="submenutext"><br/><br/>
<font size=4>
<font color="#000000">

<b>Сайту нужны:</b>
<br>
<br>Маг Стаи Северной Земли.
<br>Ученики Магов Стаи Северной Земли и Звездной Воды.
<br>Тайный Советник Стаи Звездной Воды.
<br>Дневные Обозреватели Стаи Горного Клыка, Северной Земли, Тихого Времени и Звездной Воды.
<br>Ночные Обозреватели Стаи Горного Клыка, Северной Земли и Звездной Воды.
<br>
<br>А также: Воины, Старейшины и Волчата.
     
</div>


     <div id="sm4" class="submenutext"><br/><br/>
<font size=4>
<font color="#000000">

<b>Погода:</b>
<br>
<img src="http://s3.uploads.ru/ewcoP.jpg"  border="0" />
<br>
      <b>Время года</b> - Время Рассветной Луны.</br>
<br>
Потепление, тает снег, слякоть, болото. Дует прохладный ветерок. Неприятно. Но солнышко уже вылезает из-за туч. Скоро будет тепло.<br>
</div>
     <div id="sm5" class="submenutext"><br/><br/>
<font color="#000000">
<b>Администрация:</b><br>

<font size=4>
<br>
<a href="http://volciivzgliad.rolka.su/viewtopic.php?id=23#p40"><b>Сабиа</b></a> - главный администратор сайта и его создательница.<br>
<br>
<br><b>Камыш</b> - модератор.
<br>
<br><b>Пожар</b> - модератор.
</div>
     <div id="sm6" class="submenutext"><br/><br/>
<b>Навигация по форуму:</b>
<font size=4>
<font color="#000000">
<br>
<br>
       <a href="http://volciivzgliad.rolka.su/viewtopic.php?id=22#p25">Правила</a><br> 
<a href="http://volciivzgliad.rolka.su/viewtopic.php?id=90">Анкета в Стаю Тихого Времени<a><br>         
<a href="http://volciivzgliad.rolka.su/viewtopic.php?id=92">Анкета в стаю Северной Земли</a><br> 
          <a href="http://volciivzgliad.rolka.su/viewtopic.php?id=93">Анкета в Стаю Горного Клыка</a><br>
            <a href="http://volciivzgliad.rolka.su/viewtopic.php?id=91">Анкета в Стаю Звездной Воды<a><br> 
<a href="http://volciivzgliad.rolka.su/viewtopic.php?id=46">О Стаях</a><br> 
             <a href="http://volciivzgliad.rolka.su/viewtopic.php?id=10">Вопросы</a><br>
</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>