<script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js"></script>
<style>
#pun-announcement {
    text-align: center;
}
#pun-announcement td {
    vertical-align: top;
}
#pun-announcement .border {
    border: 1px solid black;
    padding: 5px 0;
}
#pun-announcement .a div {
    width: 235px;
    margin-bottom: 10px;
}
#pun-announcement li a {
    display: block;
    text-decoration: none;
    background-color: rgba(51,5,7,0.5);
    color: white;
    width: 240px;
    height: 15px;
    margin: 5px auto;
}
#pun-announcement li a:hover {
    background-color: rgba(51,5,7,0.8);
    color: white;
}

#pun-announcement h3 {
    font: bold 15px 'Cambria';
    margin-bottom: 5px;
}
#slider {
    margin: 0 auto;
}
#slider #main {
    height: 200px;
    width: 250px;
    margin: 0;
}
#slider #prev, #slider #next {
    vertical-align: middle;
}
#slider .bx-window {
    border: 1px solid black;
}
a.bx-prev, a.bx-next {
    display: inline-block;
    pointer: cursor;
    margin: 0 5px;
    width: 30px;
    height: 25px;
    padding-top: 5px;
    border-radius: 15px;
    background: #54312d;
    font: normal 13px Verdana;
    color: whitesmoke;
    text-decoration: none;
}
a.bx-prev:hover, a.bx-next:hover {
    background: #54312d;
}
</style>

<table><tr>

<td class="a" style="width: 250px;">
  <div class="border">
    <h3>Добро пожаловать!</h3>
      в мир Peacefull War!
Наша ролевая является авторским, фэнтезийным миром.
Действия в ролевой - 19 век 
Рейтинг игры NC-21 
  </div>

    <div>
    <h3>Для Вас:</h3>
    <ul>
      <li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=7#p10"><b>Сюжет</b></a></li> 
      <li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=12"><b>Карта Мира</b></li><li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=10"><b>Люди</b></li><li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=8"><b>Демоны</b></a></li>   <li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=9"><b>Вампиры</b></a></li> 
<li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=11"><b>Мировая инквизиция</b></a></li><li><a href="http://peacefullwar.rolka.su/viewforum.php?id=6"><b>акции</b></a></li><li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=174#p3147"><b>Вакансии</b></a></li><li><a href="http://peacefullwar.rolka.su/viewtopic.php?id=15"><b>Объявления</b></a></li></div>
</td>

<td style="width: 300px;">
  <table id="slider"><tr><td id="prev"></td>
  <td><div id="main">
    <div>

<h3>Админ - состав</h3>
<h10><b>Администратор</b></h10><br><a style="font-size:8pt;" href="http://peacefullwar.rolka.su/profile.php?id=2"><span  style="color:#FF0066;">Katarina Kadal</span></a><br>
<br><b> Модераторы:</b>
<br><a style="font-size:8pt;" href="http://peacefullwar.rolka.su/profile.php?id=5"><span  style="color:#545145;">Milena Brown</span></a>
<br><br><b> Аватармейкер:</b>
<br><a style="font-size:8pt;" href="http://peacefullwar.rolka.su/profile.php?id=23"><span  style="color:#545145;">Tallia North</span></a>
<br><br><b>Граммар-наци:</b>
<br><a style="font-size:8pt;" href="http://peacefullwar.rolka.su/profile.php?id=16"><span  style="color:#545145;">Valery Marcellus</span></a>
<br><br><b>Piar-агент:</b>
<br><a style="font-size:8pt;" href="http://peacefullwar.rolka.su/profile.php?id=32"><span  style="color:#545145;">Natanneli Kadal</span></a>
    </div>
    <div>

<h3>В игре</h3>
<b>Сентябрь. Начало учебного года.</b><br><b>Мир людей и вампиров:</b>
Пасмурное холодное утро. Неприятный моросящий дождь.
<br><b>Мир демонов:</b>
Туманно. Предметы невидимы на расстоянии вытянутой руки. Воздух тяжелый.<br><img src="http://club.foto.ru/gallery/images/small/2011/06/15/1786822.jpg">

    </div>
    <div>
<div style="width: 100%; height: 210px; overflow-y: scroll;"> 
<h3>События</h3>
<b>В мире демонов:</b><br><b>7 сентября</b><br>Совершил побег опасный преступник Соул Эванс.<br><b>12 сентября</b><br>Состоялся "Совет шести", где стало известно о наличии наследника на императорский трон.
<br><br><b>В мире вампиров:</b><br><b>25 сентября</b><br>Церемония венчания Князя Авеля и его будущей супруги Катарины
<br><br><b>В мире людей:</b><br><b></b></div>

    </div>
  </div></td>
  <td id="next"></td>
  </tr></table>
</td>

<td class="a" style="width: 250px;">
  <div class="border"><div style="width: 100%; height: 210px; overflow-y: scroll;"> 
    <h3>Партнеры</h3>
<a href="http://eternity.rolebb.ru" target=_blank><img src="https://forumupload.ru/uploads/000d/f4/54/204-1.png" border="0"  title="Eternity: Tomorrow Never Knows" border=0 width="88" height="31"</a><a href="http://noendnobeginning.mybb.ru/"
title="Сладкие Капельки:Любовь где-то совсем близко!"target=_blank>
<img src="http://s2.uploads.ru/g6PID.gif" border="0" alt="Сладкие капельки"></a><a href="http://celestialwar.rolka.su/" target=_blank><img src="http://s019.radikal.ru/i623/1205/cf/326a7511041e.gif"border="0"alt="descendants of darkness celestial war" width='88px' height='31px'></a><a href='http://akumaproject.rolbb.ru/'>
<img src="http://s59.radikal.ru/i163/1109/d3/e4c1982fb9dd.gif"alt='Akuma Project'></a><a href="http://humility.mybb.ru"><img src="http://s2.uploads.ru/Co3Ra.gif" alt="humility"></a><a href="http://dnnextlife.rolka.su"><img src="http://s2.uploads.ru/dfG4p.gif"border="0" alt="Death Note. Next life"/></a><a href=http://yaoipir.mybb.ru/ Target="_blank"><img src="http://s45.radikal.ru/i110/1007/05/088a73f2cc7b.gif" alt="Дом Забвения" title="Венецианский бордель. Yaoi. BDSM. NC-21" border="0"></a><a href="http://dragonriders.ru" target="_blank"><img src="http://imgs.su/tmp/1325230826-554.jpg"></a>
<a target="_blank" href="http://wolfpeople.mybb.ru/"><img src="http://s3.uploads.ru/pX9da.gif"></a></a><a href="http://baf.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/0012/14/e8/40054.png"  title="Bleach: Apocalipsis"  border="0" /></a><a href="http://fairytailrolka.rusff.me/" target=_blank> <img src="http://s2.uploads.ru/0i3wV.gif" title=" Fairy Tail. Follow the dream" ></a><a href="http://avirus.rusff.me/"><img src="http://s2.uploads.ru/M2YFJ.gif" width="88" height="31"></a></div>
  </div>

  
</td>

</tr></table>

<script>
$('#slider #main').bxSlider({
    prevSelector: '#slider #prev',
    prevText: '<',
    nextSelector: '#slider #next',
    nextText: '>',
}); 
</script>