<table style="width: 100%;">
<tr>
<td style="text-align: justify; width: 33%; vertical-align: top;">
<center><b>НОВОСТИ ФОРУМА</b></center>
<br/><br/>
• На смену "Золотому сердцу" на Бобер-тв пришел сериал нового автора <a href="http://poramor.rolevka.ru/viewtopic.php?id=185&p=6#p33528"> <b>"Любовь и дружба"</b></a>
<br/>
•  Уже в эфире второй сезон Космической саги - <a href="http://poramor.rolevka.ru/viewtopic.php?id=224"> <u>Униженные ветром</u></a> 
<br/>
• Для тех, кто хочет от души посмеяться и постебаться открыта программа <a href="http://poramor.rolevka.ru/viewtopic.php?id=219"> <u>Пародии</u></a> 
<br/>
• Более чем бурно прошла первая телевизионная премия Бобер-ТВ, посмотреть телезапись которой вы можете <a href="http://poramor.rolevka.ru/viewtopic.php?id=209"> <u>здесь</u></a>
<br/>
• На нашем форуме открылась своя радио-волна! Настраивайтесь на Бобер-FM и <a href="http://poramor.rolevka.ru/viewtopic.php?id=214"> <u>слушайте ди-джея Watson! ♫ </u></a> 
<br/><br/><br/><br/>

<center><b>ВАМ В ПОМОЩЬ</b>
<br/><br/>

♥ <a href="http://poramor.rolevka.ru/viewtopic.php?id=3">Ваши вопросы </a> 
<br/>
♥ <a href="http://poramor.rolevka.ru/viewtopic.php?id=2">Что такое ролевые игры?</a> 
<br/>
♥ <a href="http://poramor.rolevka.ru/viewtopic.php?id=4">Правила написания игровых постов</a> 
<br/>
♥ <a href="http://poramor.rolevka.ru/viewtopic.php?id=7">Краткое описание сериала и нашего сюжета</a> 
<br/>
♥ <a href="http://poramor.rolevka.ru/viewtopic.php?id=6">Список персонажей</a> 
<br/>
♥ <a href="http://poramor.rolevka.ru/viewtopic.php?id=5#p6">Как правильно создать анкету на персонажа</a> 
<br/>
♥ <a href="http://poramor.rolevka.ru/viewtopic.php?id=90#p878">Создать анкету</a>

</center>
</td>

<td style="text-align: justify; width: 33%; vertical-align: top;">

text text text text (вместо букаф - ваш текст)

</td>

<td style="text-align: justify; width: 33%; vertical-align: top;">
<center><b>В ПРОГРАММЕ НА БОБЕР-ТВ</b></center>
<br/><br/>

<center><a href="http://poramor.rolevka.ru/viewtopic.php?id=182&p=5#p24320"><img src="http://uploads.ru/i/G/I/J/GIJFr.png" title="смотреть сериал"></a></center>

<center><a href="http://poramor.rolevka.ru/viewtopic.php?id=184&p=6#p26271"><img src="http://uploads.ru/i/f/0/H/f0HYT.png" title="смотреть сериал"></a></center>

<center><a href="http://poramor.rolevka.ru/viewtopic.php?id=204#p27247"><img src="http://uploads.ru/i/p/b/Z/pbZYe.png" title="смотреть сериал"></a></center>

<center><a href="http://poramor.rolevka.ru/viewtopic.php?id=204#p27247"><img src="http://s1.uploads.ru/i/jt7kg.png" title="смотреть сериал"></a></center>
	
</td></tr>
</table>

<style>

#menu {
margin-top: 8px;
margin-left: 2px;}

#menu span {
padding: 10px 20px 10px 20px;
margin: 0px -2px;
width: 100px;
color: #082E14;
background: transparent;}

#menu .tabactive {
color: #91DFAA;
background:#082E14;}

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

.submenutext {
display: none;
text-align: center;
font-size: 12px;
background: #082E14;
color: #91DFAA;
height: 240px;}
</style>

<center><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr height="40">
   <td align="left">
    <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 height="220">
   <td id="MenuTxT"  align="left" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;"><div style="width: 100%; height: 240px; overflow: auto;">
<br/>

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

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

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

<table style="width: 99%; border: 3px solid #000000;" cellpadding="0" cellspacing="0">
<tbody style="background-image:url(http://i.pixs.ru/storage/5/8/6/c3c8d544e6_6872231_6539586.png)">

<tr><td align="center" style="width: 200px; height: 350px;">
    <div align="center" style="width: 200px; height: 348px; border: 3px solid #000000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 2px;">
    <!--- Вложенная таблица админов --->
    <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
    <tr><td align="center" style="height: 60px;">
    <img src="http://s52.radikal.ru/i136/1212/bc/f7d1d1c7424c.png" alt="" border="0">
    </td></tr>
    <tr><td align="center" valign="top">
    <strong>Главы:</strong>
    <br>
  <br>
<a href= "http://annun.mybb.ru/profile.php?id=2"> <img src= "http://s16.radikal.ru/i190/1212/6a/8276cb51944a.png"> </a><br>
<a href= "http://annun.mybb.ru/profile.php?id=3"> <img src= "http://i5.pixs.ru/storage/8/8/5/kkpng_8380899_5142885.png"> </a><br>
    </td>
    </tr>
    </table>
    <!--- Конец таблицы админов --->
    </div>
    </td>
    <td align="right" style="height: 350px;">
    <div align="center" style="width: 98%; height: 348px; border: 3px solid #000000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 2px;">
    <!--- Вложенная таблица новостей --->
    <table cellspacing="0" cellpadding="0" border="0" style="width: 100%; height: 348px;">
    <tr><td colspan="2" align="center" style="height: 60px;">
    <img src="http://s018.radikal.ru/i509/1212/32/6659f8a1e556.png" alt="" border="0">
    </td></tr>
    <tr><td align="center">
    <div align="center" style="padding: 2px; height: 288px; overflow: auto; overflow-x: hidden; 99%;"> <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="10" border="0">
<br><b>На данный момент на форуме работают два Админа. Убедительная просьба содействовать в помощи работы администрации и не мешать ее действиям. Все вопросы излагаем - Francesca Le Roy и Lisset fon Rafft.</b>
<br>Город временно закрыт
<br><b>10.01.12</b> - С прошедшими праздниками, горожане и гости! А теперь губы в трубочку, мозги в кучку, и пальцы размяли для новых шедевров! Просыпаемся, господа и дамы)
<br><b>31.12.11</b> - Старейшины поздравляют всех жителей и гостей города с Новым годом! Желаем вам не заблудиться на вашей дороге жизни, избегать неудач и наслаждаться триумфом своих побед! Красочных праздников вам!
<br><b>19.12.11</b> Приносим свои кровавые извинения за временный ступор системы от лица всей Администрации. Даже машины имеют свой характер. Прошу немедленно приступить к наслаждению и продолжению полета больной, коллективной фантазии. Шалите громко, скрывайтесь тихо и не забудьте принести жертву злым богам.(!) Lisset fon Rafft.
<br><b>08.10.11</b> - Добро пожаловать. Город открыл свои ворота для всех желающих.
<br><b>04.10.11</b> - Город зародился.
</marquee>
    </div>
    </td><td align="center" style="width: 202px; height: 288px;">
    <img src="" alt="" border="0">
    </td></tr>
    </table>
    <!--- Конец таблицы новостей --->
    </div>
    </td></tr>
    <tr>
    <td colspan="2" align="center" style="height: 64px;">
    <!--- Таблица кнопок меню --->
    <table cellspacing="2" cellpadding="2" border="0" style="width:100%;">
    <tr>
    <td align="center">
    <DIV><div class=splLink><img src="http://s57.radikal.ru/i157/1212/0d/df796d8f5bd4.png" alt="" border="0"></div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont>

  <a href="http://annun.mybb.ru/viewtopic.php?id=2" >Сюжет</a><br>
<a href="http://annun.mybb.ru/viewtopic.php?id=3" >Правила</a><br>
<a href="http://annun.mybb.ru/viewtopic.php?id=5#p5" >Шаблон</a><br>
<a href="http://annun.mybb.ru/viewtopic.php?id=107" >Вакансии</a><br>


    </DIV></DIV>
    </td>
    <td align="center">
    <DIV><div class=splLink><img src="http://s018.radikal.ru/i515/1212/6f/3f36109fbe08.png" alt="" border="0"></div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont>
Утро: с 8:00 до 12:00 (3 реальных дня)
День 2
Погода: +10. Тепло, немного ветрено. Небо чистое. осадков не ожидается

    </DIV></DIV>
    </td>
    <td align="center">
    <DIV><div class=splLink><img src="http://s018.radikal.ru/i522/1212/c3/630bcbcf7845.png" alt="" border="0"></div>
    <DIV style="DISPLAY: none; position: absolute;" class=splCont>


    </DIV></DIV>
    </td>
    </tr>
    </table>
    <!--- Конец таблицы кнопок --->
    </td>
    </tr></tbody>
    </table>

    <!--Спойлер - контейнер-->
    <script type="text/javascript">
      $(document).ready(function(){
        $('.splLink').click(function(){
          $(this).parent().children('div.splCont').toggle('normal');
          return false;
        });
      });
    </script>
</table>