<table width="750" height="394" border="0" background="http://s017.radikal.ru/i411/1112/29/e1a75ab59de8.jpg">
  <tr>
    <td width="218" height="29">&nbsp;</td>
    <td width="135">&nbsp;</td>
    <td width="157">&nbsp;</td>
    <td width="212">&nbsp;</td>
  </tr>
   <tr>
    <td width="218" height="92">&nbsp;</td>
    <td width="135" align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td width="157">&nbsp;</td>
    <td width="212">&nbsp;</td>
  </tr>
  <tr>
    <td height="81" rowspan="2"><div style="margin:00px 0px 20px 55px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 160px; height: 190px;">текст
</div></td>
    <td height="82">&nbsp;</td>
    <td align="center"><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Текст выплывает</DIV></DIV>
</div></td>
    <td rowspan="2"><div style="margin:00px 0px 25px 0px; left: 79px; top: 221px; overflow:auto; overflow-x:hidden; width: 190px; height: 180px;">текст
</div></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

<script type="text/javascript"> 
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>

<style> 
div .splLink {width: 130px; height: 55px; font-weight: bold; background: transparent; }
.spll {width: 150px; height: 50px; }
.spll div .splCont {height: auto; width: 180px; background: transparent; padding: 5px; z-index: 1000;  border: 1px solid #020000; font-size: 12px; text-align: center;}
</style>

<table width="100%" border="0">
  <tr>
    <td colspan="3"><div align="center">About Us</div></td>
  </tr>
  <tr>
    <td width="20%"><div align="center">Время/Дата</div><br>
      <div style="overflow:auto; overflow-x:hidden; height:200px;" >
    <p align="center">текст </p></div></td>
    <td width="59%"><div align="center"><img src="ссылка на картинку"></div></td>
    <td width="21%"><div align="center">Новости</div><br>
      <div style="overflow:auto; overflow-x:hidden; height:200px;" >
    <p align="center">текст </p></div></td>
  </tr>
  <tr>
    <td><div align="center">Партнеры</div><br>
      <div style="overflow:auto; overflow-x:hidden; height:150px;" >
    <p align="center">, , ,</p>
      </div></td>
    <td align="center"><div id="yoblako" align="center"><noindex>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
<a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
</noindex></div></td>
    <td><div align="center">Админы</div><br>
    <p align="center"><a href="ссылка на профиль"><img src="ссылка на картинку"></a></p><br>
    <div align="center">Модераторы</div><br>
    <p align="center"><a href="ссылка на профиль"><img src="ссылка на картинку"></a></p></td>
  </tr>
</table>

<script type="text/javascript" src="http://0pk.ru/f/ru/0pk/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '9';
flashvars.maxFontSize = '20';
flashvars.tcolor = '0xb22222';
flashvars.tcolor2 = '0xb22222';
flashvars.hicolor = '0x9400d3';
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://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '220', '200', '9.0.0', false, flashvars, params, attributes);
</script>

<table style="width: 100%; height: 350px; border: 1px solid #000;" border="0" cellspacing="0" cellpadding="0">

<tr><td style="border: 1px solid #000;">

<table width="100%" height="350" border="0" cellspacing="0" cellpadding="0">

<tr><td height="120" style="text-align: center;">

Заполняемый контент

</td></tr>
<tr height="230"><td valign="bottom">

<!-- Таблица Вложенная -->
<style>

#menu {margin-top: 5px; height: 20px;}

#menu span {
border: 1px solid #000;
padding: 8px 41px 8px;
margin: 0px -4px 0 0;
width: 100px;
text-decoration: none;}

#menu .tabactive {
color: #ffff00;}

#submenu {
margin-top: -2px;
width: 716px;}

.submenutext {
display: none; 
height: 200px;
padding: 0px;
text-align: center;
font-size: 12px;}
</style>

<center><table style="width: 100%;">
 <tbody>
  <tr>
   <td>
    <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>
  </tr>
  <tr>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>

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

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

</div>
</td>
</tr>
</tbody>
</table></center>
<!-- Конец Вложенной Таблицы -->

</td></tr>

</table>

</td><td width="270">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr height="292"><td style="text-align: center; border: 1px solid #000;">

Контент Контент Контент Контент Контент

</td></tr>
<tr height="65"><td style="border: 1px solid #000;" align="center">

Баннер Баннер Баннер Баннер Баннер Баннер

</td></tr>

</table>

</td></tr>

</table>

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

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

#menu span {
font-style: italic;
font-size: 13px;
text-align:center;
display:block;
color:#fff;
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;
border: 1px solid #000;}

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

#submenu {
width: 555px;}

.submenutext {
padding: 3px;
text-align: center;
font-size: 12px;
display: none; 
height: 234px;}
</style>

<center><table style="width: 95%; text-align: center;" border="0">
 <tbody>
  <tr>
   <td valign="top" width="150">
    <div id="menu">
<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>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><br/>

<i>2500 год... Город, где уже давно нет людей, как и во всем мире...Остались лишь животные и растения. Домашние псы и коты объядянились в банду. Но не все.  Некоторые остались жить в одиночестве. Лесные звери, такие, как волки, лисы, медведи, перекочевали в город. Их популяция росла и в лесу просто не хватало места. Городские не взлюбили такое соседство, т.к. в городе итак не хватало еды, а тут еще они. Бакс, пес который был против лесных зверей в городе, начал собирать армию. Для этого он каждый день забирался на крышу самого высокого здания и выл что есть мочи. Лесные тоже были не промах. Их армию возглавил вожак волчьей стаи Сэм. Его жена Рэйчел была не довльна случившимся. Сэм же отвечал отказом на каждые просьбы, нет, мольбы о прекращении войны. Лесных было больше, и Бакс это понимал. Но доберман не терял надежды и ждал помощи. Однако, волчица Мари и дворовый пес Рим, вопреки всему и вся, влюбились друг в друга окончательно и безповоротно. Это было запрещено всеми законами и правилами, но сердцу не прикажешь. Что же будет дальше?! Война, в которой победит сильнейший?! Или примирение и взаимопонимание?! Увидим.<i>

</div>
     <div id="sm2" class="submenutext">
<table width="100%" height="100%" border="0">
<tr><td width="50%">

<i>На улицах города уже лежит мелкий снежок. Выпал он недавно, но успел покрыть весь городок. Температура уже зимняя, около 0 градусов по Цельсию. Солнце закрывают густые серые облака, которые тяжелой ватой виснут над землей. Готовьтесь к заморозкам. Зима приближается, ребята!</i>

<br/><br/>
<a href="http://2500year.rusff.me/viewtopic.php?id=7#p11">Шаблон анкеты</a><br/>
<a href="http://2500year.rusff.me/viewtopic.php?id=11#p198">Акция #1. Банда</a><br/>
<a href="http://2500year.rusff.me/viewtopic.php?id=16">Акция #2. Стая</a><br/>
<a href="http://2500year.rusff.me/viewtopic.php?id=17">Акция #3. Одиночки</a><br/>
<a href="http://2500year.rusff.me/viewtopic.php?id=51">Правила</a><br/>
<a href="http://2500year.rusff.me/viewtopic.php?id=23">Урок написания постов</a>

</td><td width="50%">

Новости (текст)

</td></tr>

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

<table width="100%" height="100%" border="0">
<tr><td width="50%">

Admins<br/><br/>

<a href="http://2500year.rusff.me/profile.php?id=2"><img src="http://uploads.ru/i/J/B/I/JBI4L.jpg" border="0"></a>

</td><td width="50%">

Moders<br/><br/>

<a href="http://2500year.rusff.me/profile.php?id=7"><img src="http://uploads.ru/i/w/p/g/wpgar.jpg" border="0"></a>

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

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

<a href="http://windnfire.rolka.su/" target="_blank"><img src="http://10pix.ru/img1/1199/6174628.gif" title="Ветер и Пламя." width="88" height="31"></a>

<a href="http://mafiadog.spybb.ru" target="_blank"><img src="http://xmages.net/storage/10/1/0/c/8/upload/c49f4f47.gif" title="Dog Mafia. Человек, который играет один, никогда не проигрывает." width="88" height="31"></a>

<a href="http://forgottenstories.rolka.su/" target=_blank><img src="http://uploads.ru/i/4/h/q/4hqpf.gif" border="0" alt="forgotten stories" width="88" height="31"></a>

<a href="http://fantasywolves.rolbb.ru/" target=_blank><img src="http://i061.radikal.ru/1103/2f/8a2697d19bf7.png" border="0" alt="" width="88" height="31"></a>

<a href="http://wolveslifeisgood.rolka.su/" target="_blank"><img src="http://10pix.ru/img1/2494/6260336.gif" title="Wolves. Life is Good" width="88" height="31"></a>

</div>
     <div id="sm5" class="submenutext"><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>