<style>

.spellio{
width: 110px;
display: block;
text-align: center;
background-color: #aebdbc;
padding: 1em 1.5em 1em 1.5em;}

.correo{
width: 110px;
display: block;
text-align: center;
background-color: #aebdbc;
padding: 1.5em;}

.centuro{
width: 110px;
display: block;
text-align: center;
background-color: #aebdbc;
padding: 0.55em 1.5em 0.55em 1.5em;}

.spellio:hover, .correo:hover, .centuro:hover, #menu span:hover{background-color: #b5c4c3;}

#menu {
margin-top: 0px;
width: 230px;
height: 40px;}

#menu span {
text-align: center;
display: block;
background-color: #aebdbc;
margin: 7px 0;
padding: 1em;}

#menu span, .spellio, .correo, .centuro {
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;}

#submenu {
padding: 0px;
width: 500px;
height: 240px;
background: transparent url(http://uploads.ru/i/u/v/r/uvr3z.png) no-repeat center;
}

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

<center><table style="width: 100%;" cellpadding="0" cellspacing="5" border="0"> 
 <tbody>
<tr><td colspan="2" align="center">
<table style="width: 98%;">
<tr><td>
<span class="correo"><a href="ссылка">Правила</a></span>
</td><td>
<span class="correo"><a href="ссылка">Сюжет</a></span>
</td><td>
<span class="centuro"><a href="ссылка">Список занятых и свободных персонажей</a></span>
</td><td>
<span class="spellio"><a href="ссылка">FAQ нашего мира aka Мира блича</a></span>
</td><td>
<span class="spellio"><a href="ссылка">Акция #o.1. Теплый прием.</a></span>
</td></tr>
</table>
</td></tr>

  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="right"> 
     <div id="sm1" class="submenutext" style="display:block;">
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">

<tr>
<td style="width: 50%;" align="center"><img src="http://uploads.ru/i/4/y/l/4yl6f.png"></td>
<td  style="width: 50%;" align="center"><img src="http://uploads.ru/i/1/d/r/1drbv.png"></td></tr>

<tr><td align="center" valign="top"><div style="width: 100%; height: 205px; overflow: auto;">

текст

</div></td><td align="center" valign="top">

админ-составЕ

</td></tr>

</table>
</div>
     <div id="sm2" class="submenutext"><br/>

Баннеры партнеров

</div>
</div>
   </td>

   <td align="center" valign="middle">
    <div id="menu">
<span alt="#sm1" style="cursor: pointer;">Информация форума</span>
<span alt="#sm2" style="cursor: pointer;">Реклама и партнеры</span>
    </div>
   </td>

</tr>
 </tbody>
</table></center>

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

#menu span {
text-align:center;
display:block;
color: #616B3A;
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: #BFCE73;}

#menu .tabactive {
text-decoration: underline;}

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

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

<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td valign="top">
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Кнопка 1</span>
<span alt="#sm2" style="cursor: pointer;">Кнопка 2</span>
<span alt="#sm3" style="cursor: pointer;">Кнопка 3</span>
<span alt="#sm4" style="cursor: pointer;">Кнопка 4</span>
<span alt="#sm5" style="cursor: pointer;">Кнопка 5</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

1

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

<div id="yoblako" align="center"><noindex>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a> 
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
<a style="font-size:12pt;" href="ссылка" rel="nofollow" class="eTag eTagGr8">Описание</a>
</noindex></div>

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

3

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

4

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

5

</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" src="http://upload.wesky.ru/_ld/1/147_swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '12';
flashvars.maxFontSize = '19';
flashvars.tcolor = '0x000000';
flashvars.tcolor2 = '0x000000';
flashvars.hicolor = '0x000000';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako', '200', '190', '9.0.0', false, flashvars, params, attributes);
</script>