<style>
#pun-announcement .container {padding-top: 1.5em}
.king_l td {text-align: center; vertical-align: top;}
</style>

<center><table class="king_l" style="width: 810px;" cellspacing="0" cellpadding="0">
<tr style="height: 45px;">
<td colspan="3">

текст

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

текст

</td>
<td style="width: 50%;">
<div style="width: 100%; height: 250px; overflow-y: auto;">

текст

</div>
</td>
<td style="width: 25%;">

текст

</td>
</tr>
<tr style="height: 90px;">
<td>

текст

</td>
<td>

текст

</td>
<td>

текст

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

<style>
#pun-announcement .container {padding-top: 1.5em}
.king_l td {text-align: center; vertical-align: top;}
</style>

<center><table class="king_l" style="width: 810px;" cellspacing="0" cellpadding="0">
<tr style="height: 45px;">
<td colspan="3">

текст

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

текст

</td>
<td style="width: 50%;">

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:405px;
height:250px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:325px;
  height:250px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:305px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:250px;
  text-align: center;
}
.control {
  display:block;
  width:39px;
  height:250px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://uploads.ru/i/d/p/7/dp7jK.png) no-repeat 0 -7px;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://uploads.ru/i/d/p/7/dp7jK.png) no-repeat 0 -7px;
}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

Первый

      </div>
<div class="slide">

Второй

      </div>
<div class="slide">

Третий

      </div>
</div></div><!--End// Cлайдер-->

</td>
<td style="width: 25%;">

текст

</td>
</tr>
<tr style="height: 90px;">
<td>

текст

</td>
<td>

текст

</td>
<td>

текст

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

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 325;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

<style>	
#menu-lef, #menu-rig {
margin-top: 0px;
width: 200px;}

#menu-lef span, #menu-rig span {
border: 1px dashed #c99797;
text-align: left;
display: block;
color: #fff7e3;
margin-bottom: 10px;
padding: 5px;}

#menu-rig span {
text-align: right;}

#submenu, #menu-lef span, #menu-rig span {
    -webkit-border-radius:5px;
     -khtml-border-radius:5px;
       -moz-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;
background-image: url(http://s016.radikal.ru/i335/1206/7f/f8d49476ee18.png);}

#menu-lef .tabactive, #menu-rig .tabactive {
color: #fff7e3;
background: #b37878;}

#submenu {
border: 1px dashed #c99797;
padding: 10px;
height: 160px;
text-align: center;
font-size: 12px;
width: 320px;}

.submenutext {
display: none;
height: 160px;
overflow-y: auto;}
</style>

<center><table>
 <tbody>
  <tr>
   <td align="center">
    <div id="menu-lef">
<span alt="#sm1" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/Rnovosti.png"/></span>
<span alt="#sm2" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/Rupravlenie.png"/></span>
    </div>
   </td>
   <td id="MenuTxT" align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">

<img src="http://i021.radikal.ru/1206/92/c21af259ddf4.gif"/>
<br/>
<p><b>Новости о форуме:</b>
<br/>
<i>Добро пожаловать на ролевую «The Vampire Diaries - True blood» Вся наша семья приветствует Вас и желает приятной игры! 
<br/>
Заходите, располагайтесь и наслаждайтесь игрой. Коллектив у нас очень дружный и веселый. Не стесняйтесь - пишите свои отзывы и просьбы, вам обязательно ответят!
<br/>
Дорогие гости, мы специально открыли для вас весь форум, чтобы вы могли все изучить и осмотреть, а потом оставить свои отзывы в гостевой и зарегистрироваться!
<br/>
Рейтинг нашей игры - G, то есть данный форум открыт для посещения пользователями любого возраста.</i>

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

<b>Администраторы:</b>
<br/><br/>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=2"><img src="http://s018.radikal.ru/i500/1206/ea/14af26c98d5a.jpg" alt="The Vampire Diaries" title="Elena Gilbert"></a>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=17"><img src="http://i048.radikal.ru/1206/ac/11423df90446.jpg" alt="The Vampire Diaries"  title="Damon Salvatore"></a>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=19"><img src="http://s018.radikal.ru/i521/1206/3b/a9db9964f468.jpg" alt="The Vampire Diaries" title="Caroline Forbs"></a>
<br/>
Идет набор!
<br/><br/>
<b>Модераторы:</b>
<br/><br/>
<a target="_blank" href="http://vampirediaries.spybb.ru/profile.php?id=21"><img src="http://s58.radikal.ru/i159/1206/5d/a411bec5b892.jpg" alt="The Vampire Diaries" title= "Jeremy Gilbert"></a>
<a target="_blank" href=""><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a>
<a target="_blank" href=""><img src="http://prv0.lori-images.net/0002534468-sthumb.jpg"></a>

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

<b> Жизнь в городе</b>
<br/>
<i>Людишки так суетливы в этом городе, как муравьи в своем муравейнике. Иногда жители натыкаются на вампиров, и их убивают. Так что за последние время, совершенно очень много убийств. Ну, жители, конечно не знают что это вампиры, а думают что это был "агрессивный зверь". Основатели города, пытаются защитить свой город, но, увы, это им плохо дается...</i>

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

<b>Погода.</b> 
<br/>
<i>Ясное небо на востоке озарилось первыми лучами солнца. Температура постепенно повышается. Со временем с ночных +5°C она увеличится до дневных +15°C. Туман стал рассеиваться и сменяться легкой дымкой. Ветер, дующий теперь с холмов, стал сильнее, но зато не пробирает до костей. Не очень душно. Горы. Зима. Февраль. Утро. Здесь еще темно и солнце пока не показалось из-за горных вершин. Царит сумрак. По сравнению с ночью стало холоднее, хотя температура с -15°C со временем повышсится до -5°C. Ветер стал слабее. Небо ясное, осадков нет.</i>
<br/> 
С уважением синоптики.

</div>

</div>
   </td>
   <td align="center">
    <div id="menu-rig">
<span alt="#sm3" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/EMEyEsEtEiEcPEFEaElElEs.png"/></span>
<span alt="#sm4" style="cursor: pointer;"><img src="http://www.x-lines.ru/icp/jkW16/fffffd/0/22/RpogodaP.png"/></span>
    </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-lef span, div.#menu-rig span").click(function() {
    $("div.#menu-lef span, div.#menu-rig span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").hide();
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false; });
});
</script>