Код:

<style>    
#menu {
    margin-top: -2px;
    width: 150px;
    height: 20px;
    background-repeat : no-repeat;
}
#submenu, #menu span {
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
       color: #ebd1b7;
    font: normal 100% Georgia;
    border:1px solid #bca28c;
}
#menu .tabactive {
    color: #ebd1b7;
    background: 0;
}
#menu span {
 background: url(https://forumstatic.ru/files/000d/b2/37/75410.png) transparent;
    text-align: left;
    display:block;
    margin: 9px 0;
    padding: 10px;
    cursor: pointer;
    font-color: #ebd1b7;
    font-weight: bold;
}
#submenu {
 background: url(https://forumstatic.ru/files/000d/b2/37/75410.png) transparent;
    padding: 0px;
    height: 300px;
    text-align: center;
    font-color: #ebd1b7;
    font-size: 14px;
    width: 640px;
}
#submenu table { 
    width: 100%; 
    height: 100%; 
}
.submenutext {
    display: none; 
    height: 100%;
}
.scroll {
    overflow-y: auto;
    border: #bca28c solid 1px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;

    height: 95%;
}
</style>
<center><table style="width: 640px">
<tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
     <span alt="#sm1">Приветствие</span>
     <span alt="#sm2">Навигация</span>
     <span alt="#sm3">Лучшие</span>
     <span alt="#sm4">Сегодня</span>
     <span alt="#sm5">АМС</span>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" 
style="display:block;padding:10px;height:280px;overflow-y: auto;">  
<table><tr>
<td rowspan="2"><h6>Баннеры</h6><div class="scroll">место под баннеры</div></td>
<td><h6><font size="2">Добро пожаловать</font></h6><div class="scroll">на ролевую по real life<br><font size="3"><b>"Miles of Temptation"</b></font>!<br>Действия происходят в городе Сакраменто,<br>США, штат Калифорния.<br>Конец 2007 года. Сюжет свободный.<br>Рейтинг игры <font size="4" color="#e5493b" ><b>NC-21</b></font>.<br>Регистрируясь, Вы подтверждаете, что Вам <font size="4" color="#e5493b"><b>18+</b></font> лет.</div></td></tr>
<tr><td><h6>3</h6><div class="scroll">4</div></td>
</tr></table>
</div>
     <div id="sm2" class="submenutext">
<table><tr><td><h6>Для поступающих:</h6><div class="scroll">
<a href="http://extasy.rusff.me/viewtopic.php?id=4"><b>Правила</b></a><br>
<a href="http://extasy.rusff.me/viewtopic.php?id=115"><b>Сюжет</b></a><br>
<a href="http://extasy.rusff.me/viewtopic.php?id=117"><b>Акции</b></a><br>
<a href="http://extasy.rusff.me/viewtopic.php?id=116"><b>Занятые внешности</b></a><br>
<a href="http://extasy.rusff.me/viewtopic.php?id=82"><b>Гостевая</b></a><br>
<a href="http://extasy.rusff.me/viewtopic.php?id=5"><b>Шаблон анкеты</b></a><br>
<a href="http://extasy.rusff.me/viewforum.php?id=62"><b>Энциклопедия</b></a><br>
</div></td>
<td><h6>Для участников:</h6><div class="scroll">
</div></td>
</tr></table>
</div>
<div id="sm3" class="submenutext">
<table><tr><td><h6>Надпись6</h6><div class="scroll">Контент6</div></td>
<td><h6>Надпись7</h6><div class="scroll">Контент7</div></td>
</tr></table>
</div>
<div id="sm4" class="submenutext">
<table><tr><td><h6><font size="3">Дата и время в игре</font></h6><div class="scroll"><b>23 декабря 2007 года</b><br>полдень</br><br><b>Погода:</b><br>-3 -5°C, ветер с-з, 5 м/с, небольшой снег</div></td>
<td><h6><font size="3">С Рождеством!</font></h6><div class="scroll"><img src="http://www.yoursmileys.ru/tsmile/nyvenok/t8009.gif" /></div></td></tr>
<tr><td colspan="2"><h6><font size="3">Сюжет</font></h6><div class="scroll">Впервые за десятилетие в тёплом Сакраменто выпал снег. Муниципальные службы работают на износ, чтобы жители города встретили Рождество, не утопая в рыхлых сугробах, а самих горожан обуревает предвкушение праздника. Дети, увидевшие снег впервые в жизни, буквально живут на улице, возводя ледяные крепости, лепя снеговиков и ведя снежковые сражения. Взрослые же, кляня погоду, пробираются по тропкам в супермаркеты, закупают последние приправы к традиционной индейке и терпкому глинтвейну, упаковывают подарки и подписывают открытки. Повсюду предпраздничная суматоха, улыбки, смех и веселье.<br>Но не всем есть дело до пышного праздника.<br>Более-менее устроившись в Сакраменто, купив новый дом и закончив оформлять документы на новое имя, <b>Шон Уэллеслей</b> пытается наладить контакты с местным наркокортелем, попутно обзаводясь новыми знакомствами среди калифорнийской провинциальной элиты.<br><b>Джонни Паркер</b> приезжает в Сакраменто в поисках своего старинного знакомого Шона, после того как выясняет, что тот соблазнил его сводную сестру Лизу Хоукай, которая, забеременев, решилась попросить помощи у брата.</div></td>
</tr></table>
</p></div>
     <div id="sm5" class="submenutext">
<table><tr>
<td><img src="Картинка" /></td>
<td><img src="http://s3.uploads.ru/B5hXH.png" /></td>
<td><img src="http://s2.uploads.ru/JrsSA.png" /></td>
<td><img src="Картинка" /></td>
</tr>
<tr>
<td><div class="scroll">Вакансия модератора-пиарщика</div></td>
<td><div class="scroll"><a href="http://extasy.rusff.me/profile.php?id=4"><b>Johnny Parker</b></a><br>Организация квестов</div></td>
<td><div class="scroll"><a href="http://extasy.rusff.me/profile.php?id=5"><b>Sean Wellesley</b></a><br>Проверка анкет</div></td>
<td><div class="scroll">Вакансия модератора тем</div></td>
</tr></table>
</div></div> </td></tr></tbody></table> 
<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>

Код:

<script src="https://raw.github.com/wandoledzep/bxslider/master/jquery.bxSlider.min.js"></script>

<style>
#pun-announcement {
    text-align: center;
}
#pun-announcement table.root {
    width: 100%;
    height: 260px;
}
#pun-announcement img.ava {
    width: 100px;
    height: 100px;
}
#pun-announcement ol li {
    list-style: decimal;
}
.banner-box {
    overflow-y: auto;
}
.banner-box img {
    width: 88px;
    height: 31px;
}

#slider {
    margin: 0 auto;
}
#slider #main {
    width: 300px;
    height: 250px;
}
#slider #main div {
    overflow-y: auto;
}

a.pager-link, a.bx-prev, a.bx-next, a.bx-start {
    display: inline-block;
    pointer: cursor;
    margin: 0 5px;
    width: 30px;
    height: 25px;
    padding-top: 5px;
    border-radius: 15px;
    background: #374C64;
    font: normal 13px Verdana;
    color: whitesmoke;
    text-decoration: none;
}
a.pager-link.pager-active {
    background: #44678E; cursor: auto;
}
a.pager-link:hover, a.bx-prev:hover, a.bx-next:hover, a.bx-start:hover {
    background: #6289B4;
}
</style>

<table class="root"><tr>
<td style="padding: 0 20px;">
    <!-- Навигация -->
    <ol>
        <li><a href="Адрес">Ссылка 1</a></li>
        <li><a href="Адрес">Ссылка 2</a></li>
        <li><a href="Адрес">Ссылка 3</a></li>
        <li><a href="Адрес">Ссылка 4</a></li>
        <li><a href="Адрес">Ссылка 5</a></li>
        <li><a href="Адрес">Ссылка 6</a></li>
        <li><a href="Адрес">Ссылка 7</a></li>
        <li><a href="Адрес">Ссылка 8</a></li>
    </ol>
</td>
<td>
    <!-- Основное содержимое -->
    <table id="slider"><tr><td id="prev"></td>
    <td><div id="main">
    
        <div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consequat mattis neque. Donec sem nisl, mollis in posuere et, eleifend sit amet ligula. Nunc semper posuere lacus, non placerat nunc lobortis non. Nam ut molestie magna. Nulla fringilla mauris ac metus ultrices consectetur. Suspendisse quis ligula luctus sapien condimentum tincidunt et eu tellus. Proin vehicula lobortis urna eget interdum. Mauris sed nulla mi, id dapibus ante. Suspendisse eget elit dui, vitae convallis dolor. Sed felis erat, ultrices sed egestas sed, porttitor ut mauris. Pellentesque sit amet dui quis ipsum pellentesque malesuada. In ut lacus quis dolor fringilla semper in eu odio. Donec placerat ullamcorper erat, fermentum aliquet lorem viverra et.
        </div>
        
        <div>
Donec sit amet est eu odio imperdiet auctor sed nec augue. Phasellus sit amet nibh mi. Donec nunc risus, interdum eu ornare sed, venenatis vel massa. Duis placerat, eros sed bibendum lobortis, arcu arcu sagittis velit, ac posuere nunc tellus vitae eros. Mauris nulla sem, molestie quis euismod a, suscipit et mi. Mauris dui nibh, sodales eget consectetur vel, tincidunt at felis. Sed eros est, faucibus tempus rutrum nec, auctor eu nisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec tempus sem non enim luctus varius. Pellentesque augue elit, sodales eleifend pulvinar eget, imperdiet at odio. Nulla facilisi. Sed at mauris ligula, eu molestie tortor. Praesent augue tortor, posuere ut hendrerit non, mollis eu turpis. In eget lacus at tortor pulvinar venenatis nec vitae nibh.
        </div>
        
        <div>
Sed ac mauris mauris. Nulla pellentesque nisi vel sem dictum in consequat tortor suscipit. Fusce arcu justo, placerat nec pellentesque a, porta in ante. Quisque et justo at nulla eleifend pretium vitae ac magna. Curabitur risus turpis, convallis non tincidunt nec, placerat et leo. In sit amet neque ligula, a sodales augue. Nulla ac neque metus, sed malesuada neque. Integer ornare ornare convallis. Ut eu ipsum dolor, in ornare neque. Cras tortor augue, feugiat sollicitudin eleifend aliquet, ultricies eu tellus. Donec sagittis nulla id nibh pulvinar et volutpat massa porttitor. Quisque tempus euismod odio sed adipiscing. Morbi cursus neque vitae arcu faucibus at laoreet neque vulputate. Mauris nibh mauris, semper molestie accumsan sit amet, porta sollicitudin odio.
        </div>
        
        <div>
Mauris et nulla dui, vitae condimentum arcu. Sed a dui vel sem euismod iaculis cursus pretium nisl. Vivamus risus leo, vehicula sed pharetra quis, vehicula pulvinar dolor. Proin imperdiet, diam sit amet venenatis venenatis, massa risus sodales risus, eget sollicitudin tellus dolor id dolor. Proin auctor rhoncus dolor, vitae bibendum turpis aliquet id. Aliquam erat volutpat. Pellentesque massa magna, euismod a porta id, luctus et mi.

Praesent vehicula felis id massa pellentesque at imperdiet justo mattis. Duis sit amet justo sapien, semper gravida lacus. Vestibulum et dui et erat tristique congue id vitae orci. Quisque porta bibendum rhoncus. Duis auctor tincidunt lorem id ultricies. Integer nulla nulla, posuere sit amet commodo ac, placerat et tellus. Praesent vel sapien vitae lacus rutrum sollicitudin. Sed iaculis, eros et euismod blandit, ipsum eros tempor nunc, a commodo felis neque a ante.
        </div>
        
    </div></td>
    <td id="next"></td></tr></table>
</td>
<td>
    <!-- Баннеры -->
    <div class="banner-box">
        Ваш текст с <strong>html</strong> наполнением.
    </div>
</td>
</tr></table>

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