<style>
.splLink {width: 200px; height: 20px; text-align: center; font-family: 'times new roman'; font-size: 16px; padding: 2px;}
.splCont {height: auto; width: 260px; background: #D2B48C; padding: 5px; z-index: 1000; margin: 5px 0 0 15px; border: 1px solid #000; text-align: center;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;}
</style>

<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">

<center><table style="width: 100%; height: 50px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;" align="center"><DIV><div class=splLink>Навигация</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 1

</DIV></DIV></td>
<td style="width: 25%;" align="center"><DIV><div class=splLink>Админы / Модеры</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 2

</DIV></DIV></td>
<td style="width: 25%;" align="center"><DIV><div class=splLink>Игра</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 3

</DIV></DIV></td>
<td style="width: 25%;" align="center"><DIV><div class=splLink>Пиар</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

Контент 4

</DIV></DIV></td>
</tr>
</table></center>

</td>
</tr>
<tr>
<td style="width: 40%;">

<img style="width: 500px; height: 500px;" src="link"/>

</td>
<td style="width: 60%;">
<div style="width: 100%; height: 500px; text-align: center; overflow-y: auto;">

text text text text

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

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      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('yoblako1').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 = 'yoblako1';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako1', '200', '190', '9.0.0', false, flashvars, params, attributes);

eTagz = document.getElementById('yoblako2').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>';
attributes.id = 'yoblako2';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://upload.wesky.ru/_ld/1/148_tagcloud.swf', 'yoblako2', '200', '190', '9.0.0', false, flashvars, params, attributes);
</script>

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

<style type="text/css">
/* Скрыть слово объявление */
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/* Настройки кнопок и контейнера */

#menu {margin: 0px;}

#menu span {
padding: 0px;
margin: 0px;
display: block;
width: 150px;
height: 100px;}

#submenu {
padding: 0px;
width: 100%;}

.submenutext {
display: none;
text-align: center;
height: 250px;}
</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>

<center><table style="width: 100%;" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="100">
   <td align="center">
    <div id="menu">
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 20%;" align="center">
<span alt="#sm1" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm2" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm3" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm4" style="cursor: pointer;"><img src="link"/></span>
</td>
<td style="width: 20%;" align="center">
<span alt="#sm5" style="cursor: pointer;"><img src="link"/></span>
</td>
</tr>
</table>
    </div>
   </td>
  </tr>
  <tr height="250">
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<div style="width: 100%; height: 250px; overflow-y: auto;">

Контент первой кнопки

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

Контент второй кнопки

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

Контент третьей кнопки

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

Контент четвертой кнопки

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

Контент пятой кнопки

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