<table style="width: 700px; height: 400px; text-align: center; margin-left: 38px;" border="0" cellpadding="0" cellspacing="0">

<tr><td rowspan="3" style="width: 20%;" align="center" valign="top">

<strong>Навигация</strong><br/><br/>

сама навигация

</td><td style="width: 60%; height: 100px;" colspan="2" align="center" valign="top">

<strong>Приветствие</strong><br/><br/>

текст текст текст текст

</td><td rowspan="3" style="width: 20%;" align="center" valign="top">

<strong>Сюжетные квесты</strong><br/><br/>

<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>
<br/>
<a href="ссылка на квест">название квеста</a>

</td></tr>
<tr><td style="width: 30%; height: 200px;" align="center" valign="top">

<strong>Лучший игрок</strong><br/><br/>

<img src="ссылка на аватар">

</td><td style="width: 30%;" align="center" valign="top">

<strong>Новости:</strong><br/><br/>

текст текст текст текст

</td></tr>
<tr><td style="height: 100px;" align="center">

<div align=center style="height: 50px; overflow: auto;"><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><strong>Партнеры</strong></a><div style="display: none"> 

Тут баннеры

</div></div>

<div style="width: 100%; height: 50px; overflow: auto;">

<strong>Выражаем особую благодарность:</strong><br/><br/>

текст текст

</div>

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

<strong>Каталоги:</strong><br/><br/>

под счетчики

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

<style>

#menu1 span {
margin: 0px;}

#menu3 span {
margin: 0px 2px;}

#submenu {background: transparent url(http://savepic.net/2416432.png) no-repeat center; height: 300px; padding-top: 46px;}

.submenutext {
display: none; 
height: 250px;
width: 350px;
padding: 0px;
text-align: center;}

</style>

<center><table style="width: 100%; height: text-align: center;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr height="50"><td align="center">
<div id="menu1">

<span alt="#sm1" style="cursor: pointer;"><img src="http://savepic.net/2369521m.png"></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://savepic.net/2361329m.png"></span>
<span alt="#sm3" style="cursor: pointer;"><img src="http://savepic.net/2421744m.png"></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://savepic.net/2411504m.png"></span>

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

<tr height="310">
   <td id="MenuTxT"  align="center" width="65%">
    <div id="submenu" align="center">
     <div id="sm1" class="submenutext" style="display:block;">

Текст объявлений

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

Текст партнеров

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

Текст игрок месяца

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

Текст кнопок

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

Текст кто-где

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

<tr height="50">
<td align="center">
<div id="menu3">

<span alt="#sm5" style="cursor: pointer;"><img src="http://savepic.net/2369534m.png"></span>
<span alt="#sm6" style="cursor: pointer;"><img src="http://savepic.net/2375678m.png"></span>
<span alt="#sm7" style="cursor: pointer;"><img src="http://savepic.net/2364414m.png"></span>
<span alt="#sm8" style="cursor: pointer;"><img src="http://savepic.net/2388977m.png"></span>
<span alt="#sm9" style="cursor: pointer;"><img src="http://savepic.net/2413553m.png"></span>

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

<script type="text/javascript">
$(document).ready( function() {
$( "td.#MenuTxT div.submenutext").hide('200');
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show('600');
$("div.#menu1 span,div.#menu2 span,div.#menu3 span").click(function() {
    $("div.#menu1 span,div.#menu2 span,div.#menu3 span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide('200');
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>

<style>
#table_01 {
  margin: 0px;
  width:604px;
  height:402px;
  background: url(http://www.10pix.ru/img1/3876/6669686.jpg) center center no-repeat;}

/* Стиль всплывающего меню */

.splLink {width: 100px; height: 40px;}
.splCont {height: auto; width: 224px; background-color: transparent; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #D2B48C; font-size: 12px; font-family: 'Lucida Sans Unicode'; text-align: center;

background-image: url("http://savepic.org/804123.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;}

/* Прозрачка в Всплывающем меню */

.splCont:first-letter {
    font-family: 'Times New Roman', Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 200% !important; /* Размер шрифта первого символа */
    color: red; /* Красный цвет текста */
   } 
/* Конец Стиля всплывающего меню */
</style>

<center><table id="table_01" border="0">
 <tbody>
  <tr>
   <td align="left" style="width:33%; height:80%;"> 

	<table cellspacing="0" cellpadding="0" border="0" style="width:100%;">
	   <tr height="160">
               <td valign="top" align="left">
<DIV><div class=splLink><img src="http://savepic.ru/1651508.png" style="cursor:pointer; cursor:hand;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

   <div align="center" style="margin: -3px 3px 3px 0; width: 217px; height: 137px; padding:0; overflow-y: auto;"> 

<!--Администрация == Начало Заполнения пункта -->

ke$ha- главная администрация и создатель ролевой.

Renesans-  главный администратор и ответственный за дизайн.

Sausage- заместитель главной администрации.

<!--ХХ Конец Заполнения пункта -->
    </div> 
</DIV></DIV>

	  </td></tr>

<tr height="160"><td valign="bottom" align="left">

<DIV><div class=splLink><img src="http://savepic.ru/1677129.png" style="cursor:pointer; cursor:hand;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<!-- Навигация == Начало Заполнения пункта -->

<a href="http://asgardia.mybb.ru/viewtopic.php?id=29">.правила</a>
<br>
<a href="http://asgardia.mybb.ru/viewtopic.php?id=32">F.A.Q.</a>
<br>
<a href="http://asgardia.mybb.ru/viewtopic.php?id=95#p232">.список ролей</a>
<br>
<a href="http://hsmwildcats.rolka.su/viewtopic.php?id=7">.дополнительный список ролей</a>
<br>
<a href="http://asgardia.mybb.ru/viewtopic.php?id=137#p276">.акция №1</a>
<br>
<a href="http://asgardia.mybb.ru/viewtopic.php?id=54">.шаблон анкеты</a>
<br>
<a href="http://asgardia.mybb.ru/viewtopic.php?id=39">.сюжет</a>
<a href="http://asgardia.mybb.ru/online.php?id=39">.активны</a>

<!--ХХ Конец Заполнения пункта -->
</DIV></DIV>

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

   </td>

   <td align="center" style="width:33%;">

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

<tr>
<td align="center">

<DIV><div class=splLink><img src="http://savepic.ru/1668916.png" style="cursor:pointer; cursor:hand;"></div>
<DIV style="DISPLAY: none; color: #A7F0F2; text-shadow: #000 1px 1px 1px; position: absolute;" class=splCont>

<!-- События на ролевой == Начало Заполнения пункта -->

Зима постепенно заканчивается.Тают сугробы.На дорогах скользко и мокро.Пока никаких событий нету.<br><br><br><br>

<!--ХХ Конец Заполнения пункта -->

</DIV></DIV>

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

   </td> 

   <td align="center" style="height:80%;">

	<table cellspacing="0" border="0" cellpadding="0" style="width:100%;">
	   <tr height="160">
               <td align="left" valign="top">

<DIV><div class=splLink><img src="http://savepic.ru/1650484.png" style="cursor:pointer; cursor:hand;"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>

<!-- Погода и Время == Начало Заполнения пункта -->

• Морозные зимние дни.Часто идут обширные снегопады.На дорогах сугробы.Колючий ветер никого не жалеет.Но зато прогулка будет великолепной!
<br>
• Погода -4;-7 ; Время:всё по реальному времени и дате.

<!--ХХ Конец Заполнения пункта -->
</DIV></DIV>

	  </td></tr>

<tr height="160">
 <td align="left" valign="bottom">

<DIV><div class=splLink><img src="http://savepic.org/821550.png" style="cursor:pointer; cursor:hand;"></div>
<DIV style="DISPLAY: none; color: #D8FF0D; text-shadow: #171746 1px 1px 1px; position: absolute; margin: 40px -25px 0 25px!important;" class=splCont>

<!-- Важная Информация == Начало Заполнения пункта -->

Внимание!На форуме проводится чистка игроков.Те,кто хотят остаться на форуме,прошу отписаться в специальной теме.

<!--ХХ Конец Заполнения пункта -->
</DIV></DIV>
<br/>
  </td></tr>
</table>

   </td>
   </tr>

<tr>
<td colspan="3" align="center" style="width:100%; height: 27px;">
   
<marquee style="width:96%; height: 27px;" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abs.start()" onmouseover="document.all.abs.stop()"><span style="color: #FF0000; text-shadow: #000 1px 1px 2px; font-size: 24px; font-family: 'Times New Roman'; font-style: italic; font-weight: bold;">
<!--Бегущая строка 2== Начало Заполнения пункта -->

Привет! Мы рады видеть тебя в этом конном городе! Вливайся в коллектив и проведи лучшие моменты в своей жизни в солнечной Испании!

<!--ХХ Конец Заполнения пункта -->
</span></marquee>

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

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