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

#menu span {
text-align:left;
display:block;
color:#0000;
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:# EECCCC
;
}

#menu .tabactive {
color: #2662DF;
    background:#F9F1DD;
}

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

.submenutext {
display: none; 
height: 40px;
}
</style>
<center><table border="5" style="width: 615px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;"> Welcome</span>
<span alt="#sm2" style="cursor: pointer;"> News </span>
<span alt="#sm3" style="cursor: pointer;">Administration</span>
<span alt="#sm4" style="cursor: pointer;">Links</span>
<span alt="#sm5" style="cursor: pointer;">Partners</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<center><a target="_blank" href="http://www.radikal.ru"><img src="http://s58.radikal.ru/i161/1204/5d/91adbb6a66cc.png" ></a></center><br>
Приветствуем тебя, гость! Приглашаем тебя в наш мир! Тебя ждут захватывающий сюжет, множество акций, дружелюбная атмосфера и многое другое! </div>
     <div id="sm2" class="submenutext"><br /><br />
<div style="text-align: center;"><b>Внимание-внимание!</b></div>
<div style="text-align: center;">В акциях многие персонажи принимаются по пробному посту! Спешите увидеть! 
<div style="text-align: center;"><b>События в игре:</b></div>
Ахади собирает всех на скале Прайда, чтобы ввести новые законы и рассказать о том, что на следующий день собирается драться с одним из смельчаков прайда. Сараби тем временем находится на свободных территориях и не подозревает, что именно ее друг и есть тот, кто бросил вызов королю. <br/>
На свободных территориях затишье. Но, как известно это случается перед бурей, одиночки начинают складываться в группу. И чем все это закончится, пока не знает никто.
     <div id="sm3" class="submenutext"><br /><br />
	<table>
<tr height="100">
<td width="33%"><a href=http://chronicleslions.rolka.su/profile.php?id=2"><img src=" http://savepic.su/1719156m.png " border="0"></a>  - создатель сея форума, обращайтесь к ней по любым вопросам, всегда постарается помочь
</td>
<td width="34%"><a href= http://chronicleslions.rolka.su/profile.php?id=16”> "><img src=" http://savepic.su/1715063m.png" border="0"></a>  - Помогает в технических вопросах, в зависиости от возможностей и фантазии может быть Гейммастером</td>
<td width="33%"><a href=http://chronicleslions.rolka.su/profile.php?id=90"><img src="http://savepic.su/1739638m.png" border="0"></a> 
Модератор</td>
</tr>
</table></div>
     <div id="sm4" class="submenutext"><br /><br />
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=20" target="_blank">Правила</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=27#p91" target="_blank">Сюжет</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=276#p6510" target="_blank">Время суток и погода в игре<a/>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=61" target="_blank">Список прайда Ахади<a/>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=90" target="_blank">Акция 1: Навеки вместе</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=97" target="_blank">Акция 2: Цветы жизни</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=88" target="_blank">Акция 3: Львицы</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=92" target="_blank">Акция: Львы</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=98" target="_blank">Акция 4: Гиены</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=91" target="_blank">Акция 5: Одиночки</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=67" target="_blank">Список требуемых персонажей</a>
<br>
<a href="http://chronicleslions.rolka.su/viewtopic.php?id=10" target="_blank">Заявки на позицию администратора/ модератора</a>
</div>

<div id="sm5" class="submenutext" style="display:block;">
<br/><br/>
<a href="http://tlk3d.rusff.ru/" target=_blank><img src="https://forumstatic.ru/files/0011/3d/6d/73474.gif" border="0" title="Helping TLK forums" width=88 height=31></a>
 <a href=http://tlkthebeginning.mybb.ru/ target=blank><img src=http://s017.radikal.ru/i408/1201/66/59530fef252c.gif alt="Король Лев. Начало">
</a>
<a href="http://tigerstories.mybb.ru/" target=blank><img src="http://i002.radikal.ru/1107/dc/7213b14d88b0.gif" alt="Тигриные истории"></a>
<a target="_blank" href="http://lionkingaltarnativestory.spybb.ru/"><img src="http://ovrag.ucoz.ru/_fr/0/6382375.gif" ></a>
<a href="http://tlklost.rusff.ru/" target="_blank"><img src="http://i5.pixs.ru/storage/1/8/1/Untitled1g_9884956_2961181.gif" alt="The Lion King. Lost" /></a>
<a href=http://playart.rusff.ru/post.php?fid=21><img src="http://uploads.ru/i/5/r/I/5rImY.gif" border="0" alt="PLAY ART"/></a>
<a href="http://newlewking.mybb.ru/" target="_blank"><img src="http://savepic.su/1318382.gif" alt="Король лев: Новая жизнь">

А кто еще?
</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>

    <script type="text/javascript">
    defaultPict = "https://upforme.ru/uploads/0000/12/13/61-1.png"

    var arr=document.getElementsByTagName("ul")
    i=1
    while(arr[++i]){
    str=arr[i].innerHTML
    if(str.indexOf("pa-avatar")==-1) {
    q=str.toLowerCase()
    if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
    nstr =str.substring(0,pos)
    nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Аватар\" /></li>"
    nstr+=str.substring(pos)
    arr[i].innerHTML=nstr
    }}}
    </script>