<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=4" class="tvm" target=""> Курилка</a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewtopic.php?id=60" class="tvm" target=""> ЧАВО ?</a></p>
<p><a href="http://zapretnayazona.f-rpg.ru/viewforum.php?id=12" class="tvm" target="">Конкурсы</a></p>

<style type="text/css">
div.block {
  height:200px;
  background:#ccc3a4;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px 12px;
  border-radius:7px;
  border:1px solid #000;
  margin-top:6px;
 
}
div.Kn {
  cursor:pointer;
height:50px;
  width:200px;
  border:3px solid #000;
  border-radius:6px;
  background:url(http://s7.uploads.ru/47Cs2.jpg) center no-repeat;
  box-shadow:0 0 4px rgba(17,8,3,1); /* Параметры тени */
  color:#fff;
  font: normal normal 400 25px/normal 'Times New Roman';
  margin:1px;
}
div.Kn:hover{
  background-image:url(http://s0.uploads.ru/kEKxt.jpg);
  box-shadow:0 0 4px rgba(255,255,255,.5); /* Параметры тени */
}
div.Kn.active {
  border:3px solid #746F6F;
  background-image:url(http://s0.uploads.ru/kEKxt.jpg);
  box-shadow:0 0 4px rgba(255,255,255,.5); /* Параметры тени */
}
div.tab {
  height:400px;
  display:none;
  overflow-y:auto;
  overflow-x:hidden;
}
h1.My {
  font: normal normal 400 17px/normal 'Times New Roman';
  margin-bottom:.6em;
}
.nav {
  margin: 30px 20px 0 -8px;
  float:left;
}
.punbb .nav a{
  display: block;
  color:#000000;
  background-color: #c6ad7b;
  text-align: center;
  width:170px;
  padding: 2px;
  margin: 1px;
  text-decoration: none;
}
.punbb .nav a:hover{
  background-color: #291e09; color:#ffffff;
}
.block.banners a{
  display:inline-block;
  margin:4px 0;
}
</style>
 
<table cellspacing="15" style="border-radius:3px; margin:-24px 0 -23px -64px;width:860px;table-layout:fixed;">
<tr align=center valign=top>
  <td width="40%">
   <h1 class="My">ДОБРО ПОЖАЛОВАТЬ!</h1>
   <div class="block" style="height:170px">
<!-- Контент левый блок -->
...
   </div>
   <br>
   <br>
<!-- Баннеры левый блок -->
   <a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/1bxEs.gif" border="0" alt="photoshop: Renaissance"></a>
   <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="ЗЕФИР, помощь ролевым" /></a>
   <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/styles/prosilver/theme/img/tank.gif" border="0"></a>
   <a href="http://lylife.ru/" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a>
 
  </td>
  <td width=30%>
   <div class="Kn"><img src="http://s1.uploads.ru/DiH5Q.png"></div>
   <div class="Kn"><img src="http://s5.uploads.ru/cte5Q.png"></div>
   <div class="Kn"><img src="http://s2.uploads.ru/ALumy.png"></div>
   <div class="Kn"><img src="http://s3.uploads.ru/Z6Qim.png"></div>
  </td>
  <td width="50%">
   <!-- Переключаемые Вкладки -->
     <div class="tab">
<!-- Контент Первой Вкладки-->
<h1 class="My">НОВОСТИ:</h1>
   <div class="block" style="height:156px;">
...
   </div>
<br>Немного текста и ссылка
     </div>
     <div class="tab">
<!-- Контент Второй Вкладки-->
            <div class="nav">
            <h1 class="My">ГОСТЯМ:</h1>
<a href="ссыль">action о.о we need u</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=6">action о.1 FoQ canon</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=9">action о.2 merry company</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a>
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=11">action о.4</a>
            </div>
            <div class="nav">
            <h1 class="My">ИГРОКАМ:</h1>
<a href="ссыль">action о.о we need u</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=6">action о.1 FoQ canon</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=9">action о.2 merry company</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=10">action о.3 big move.</a> 
<a href="http://zurbaran.rolka.su/viewtopic.php?id=11">action о.4</a>
            </div>
     </div>
     <div class="tab">
<!-- Контент Третьей Вкладки-->
   <div class="block N3" style="height:240px;">
<style>
.block.N3 p{display:inline-block;}
.block.N3 p>a{
  display:block;
  margin:-2px 6px 4px 5px;
}
</style>
   <h1 class="My">АДМИНИСТРАТОРЫ:</h1>
   <p>
   <a href="/profile.php?id=2"><img src="http://s8.uploads.ru/ANHYK.gif" width=70></a>
   Пара строк
   </p>
   <p>
   <a href="/profile.php?id=2"><img src="http://s8.uploads.ru/ANHYK.gif" width=70></a>
   Пара строк
   </p>
   <br>
   <br>
   <h1 class="My">МОДЕРАТОРЫ:</h1>
   <p>
   <a href="/profile.php?id=2"><img src="http://s8.uploads.ru/ANHYK.gif" width=50></a>
   Пара строк
   </p>
   <p>
   <a href="/profile.php?id=2"><img src="http://s8.uploads.ru/ANHYK.gif" width=50></a>
   Пара строк
   </p>
   </div>
     </div>
     <div class="tab">
<!-- Контент Четвертой Вкладки-->
<h1 class="My">ПАРТНЁРЫ:</h1>
   <div class="block banners" style="height:180px;">
<!-- Баннеры правый блок -->
   
  <a href="http://top.roleplay.ru/24147" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/top90x60x6.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="90" height="60"></a> 
<a href="http://forum-top.ru/vote/4659" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
   <a target="_blank" href="http://myfrpg.com" title="Ролевой Каталог 'ТАНКЪ'"><img src="http://myfrpg.com/styles/prosilver/theme/img/tank.gif" border="0"></a>
   <a href="http://lylife.ru/" target="_blank"><img src="https://forumstatic.ru/files/000b/09/4f/76237.gif" title="Каталог форумов" alt="LYL"></a>
   <a href="http://zephyr.f-rpg.ru/"><img src="http://s8.uploads.ru/q3zX5.png" alt="Зефир, помощь ролевым" title="ЗЕФИР, помощь ролевым" /></a>
   </div>
     </div>
  </td>
</tr>
</table>
<script type="text/javascript">
 $('.Kn').eq(0).addClass('active');
 $('.tab').eq(0).show();    
 
 $('.Kn').click(function(){
     $('.Kn').removeClass('active');
     $(this).addClass('active');
     var num = $('.Kn').index(this);
     $('.tab').hide().eq(num).show();
 });
 //$('div.Kn').tipsy({fade: true, gravity: 'e Kn-title'}); 
 </script>