Your mafiosi написал(а):

Первая "страничка"

________________________________________________________
|     Новости      Погода      Баннеры       Конкурсы      Ссылки      |
|_______________________________________________________|
|                                              |                                                 |
| Картинка                                |                                                 |
|                                              |                                                 |
|                                              |  новости с прокруткой    ►        |
|                                              |                                                 |
|                                              |                                                 |
|                                              |                                                 |
|                                              |                                                 |
|                                              |                                                 |
|__________________________|____________________________|

При клике на стрелочку переходит на вот эту:
________________________________________________________
|     Новости      Погода      Баннеры       Конкурсы      Ссылки      |
|_______________________________________________________|
|                                          | Администраторы .                         |
|  Стишок                             |  1 админ  2 админ 3 админ 4 админ|
|                                          |                                                     |
|                                          |                                                     |
|                                          |                                                     |
| ◄                                      |  1 модер 2 ....                               |
|                                          |                                                     |
|________________________|______________________________|
|    Бегущая строка                                                                     |
|_______________________________________________________|

При клике на "погоду" вверху переход:

________________________________________________________
|     Новости      Погода      Баннеры       Конкурсы      Ссылки      |
|_______________________________________________________|
|                                           |                                                   |
| Время                                 |                                                   |
|                                           |                                                   |
|                                           |  ротатор погоды                          |
|                                           |                                                   |
|                                           |                                                   |
|                                           |                                                   |
|                                           |                                                   |
|                                           |                                                   |
|_________________________|_____________________________|

При клике на "Баннеры" вот это:

________________________________________________________
|     Новости      Погода      Баннеры       Конкурсы      Ссылки      |
|_______________________________________________________|
|                                                                                                |
|                                                                                                |
|                                                                                                |
|                                                                                                |
|                                        БАННЕРЫ                                          |
|                                                                                                |
|                                                                                                |
|                                                                                                |
|                                                                                                |
|_______________________________________________________|

При клике на "Конкурсы":

________________________________________________________
|     Новости      Погода      Баннеры       Конкурсы      Ссылки      |
|_______________________________________________________|
|                                                                                                |
|               БОЛЬШИМИ БУКВАМИ НАЗВАНИЕ КОНКУРСА                |
|                                                                                                |
|                           Описание с прокруткой                                   |
|                                                                                                |       
|                                                                                                |
|                                                                                      ►       |
|                                                                                                |
|                                                                                                |
|_______________________________________________________|

Нажимая на стрелочку переходим:

________________________________________________________
|     Новости      Погода      Баннеры       Конкурсы      Ссылки      |
|_______________________________________________________|
|                            Победители конкурса!                                    |
|                                                                                                |
|                                                                                                |
|       1 место                                                                              |
|                                                                                                |       
| ◄                                     2 место                                            |
|                                                                                                |
|                                                                      3 место               |
|                                                                                                |
|_______________________________________________________|

И наконец! При клике на "Ссылки" получаем:

________________________________________________________
|     Новости      Погода      Баннеры       Конкурсы      Ссылки      |
|_______________________________________________________|
|                                                                                                |
|   много                         Картинки                                              |
|   Много                                                                                    |
|   много                                                                                     |
|   ссылок                                                                                   |       
|   в ряд                                                                                     |
|                                                                                                |
|                                                                                                |
|                                                                                                |
|_______________________________________________________|

Таблица, само собой, побольше. Я понимаю, что нарисовано ужасно, но ничего другого у меня нет.
Форум: http://suuunnnnyy.mybb.ru/

<style type="text/css">
/*======= AA - ОСНОВНАЯ ТАБЛИЦА========*/

/*AA0 - бордеры основной таблицы*/
#menu, #submenu, #menu .tabactive, #menu span, .submenutext, .links, .links h3 {
/*    border: solid 1px #e12;*/
    }

/*AA1.1 - контейнер под язычки вкладок*/
#menu {
    height: auto;
    padding-left: 2px;
    border-style: solid solid none none;
    border-width: 2px 2px 0 0;
    border-color: #333333;
    border-radius: 5px 5px 0 0;
    }

/*AA1.2 - настройка заголовков на язычках*/
#menu span {
    display: inline-block;
    width: 141px;
    margin: 0 -2px;
    padding: 11px;
    text-align: center;
    font: small-caps 18px "Times New Roman";
    color: #523B38;
    border-style: none none solid solid;
    border-width: 0 0 2px 2px;
    border-color: #333333;
    }

/*AA1.3 - оформление язычка при наведении*/
#menu span:hover {
    color: #000000;
    text-shadow: 2px 2px 2px #423F30;
    border-style: none none solid solid;
    border-width: 0 0 2px 2px;
    border-color: #333333;
    }

/*AA1.4 - оформление активной вкладки (язычка)*/
#menu span.tabactive {
    color: #000000;
    text-shadow: 2px 2px 2px #423F30;
    border: none;
    border-left: solid 2px #333333;
    }

/*AA2.1 - информ поле*/
#submenu {
    height: 280px;
    width: 815px;
    padding: 3px;
    margin-top: -6px;
/*    text-align: center;*/
    font-size: 12px;
    border: solid 2px #333333;
    border-top: none;
    border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
/*    background: #efeff0;*/
    }

/*AA2.2 - внутренний блок информ поля под содержимое*/
.submenutext {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    }

/*======== AВ - СЛАЙДЕР НА 2 ВКЛАДКИ ========*/
/*АВ1.0 - бордеры*/
div.List, div.bottom-right, div.bottom-left, .List.First, .List.Finish {
    outline: 1px solid transparent;/*#e12*/
    }

/*АВ1.1 - нижняя подложка*/
div.List {
    position: relative;
    display: inline-block;
    width: 100%; /*ширина вкладки + ширина кнопок*/
    height: 250px; /*высота вкладки*/
    padding: 0;
    margin: 0;
    text-align: center;
    }

/*АВ1.2 - слайды*/
.List.First, .List.Finish {
    width: 772px; /*ширина вкладки - ширина кнопок справа и слева*/
    height: 100%;
    margin-left: 20px; /*ширина кнопки слева*/
    background-image: none;
    }

/*АВ1.3 - второй слайд*/
.List.Finish {
    position: absolute;
    display: none;
    margin: 0;
    left: -772px; /*ширина вкладки - ширина кнопок справа и слева*/
    z-index: 1;
    background-color: #FFEDA9; /*обязательно для перекрытия контента первой вкладки, если таблица без фона-картинки*/
    }

/*АВ1.4 - фон вкладок
div.List, .List.Finish {
    background: url(http://savepic.net/3966235.jpg) center center repeat;
    }*/

/*АВ2.1 - контейнеры стрелочек*/
div.bottom-right, div.bottom-left {
    position: absolute;
    display: inline-block;
    width: 20px; /*ширина кнопок*/
    height: 100%;
    padding: 0;
    left: 0;
    top: 0;
    background: url(http://www.iconsearch.ru/uploads/icons/iconza/32x32/left_arrow.png) center center no-repeat; /*картинка левой кнопки*/
    background-size: 100% auto;
    }

/*АВ2.1а - инд. настройки правой стрелки*/
div.bottom-right {
    margin: 0px 100%;
    left: -20px; /*ширина кнопки*/
    background-image: url(http://www.iconsearch.ru/uploads/icons/iconza/32x32/right_arrow.png); /*картинка правой кнопки*/
    }

/*АВ3.1 - правило смены слайдов*/
div.bottom-right:focus > .List.Finish, div.bottom-left:focus > .List.First {
    display: block;
    }

.ams {
    float: left;
    width: 50%;
    height: 80%;
/*    outline: 1px solid #dde;*/
    }

.runline {
    display: table-cell;
    vertical-align: middle;
    width: 770px;
    height: 45px;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    }

/*======= AС - ССЫЛКИ НАВИГАЦИИ========*/

/*AС1.1 - блок со ссылками*/
.links {
    height: 255px;
    width: 267px;
    position: absolute;
    }

/*AС1.2 - настройка ссылок*/
.links a {
    color: #897E6D !important; /*цвет текста ссылок*/
    background-color: #523725; /*фон ссылок*/
/*    border: solid 2px #9B9898; бордюры вокруг ссылок*/
    line-height: 150%; /*междустрочный интервал для ссылок*/
    width: 200px;
    padding: 3px;
    margin: 1px;
    display: block;
    }

/*AС1.3 - настройка ссылок в активе*/
.links a:hover {
    color: #3B2010 !important; /*цвет текста ссылок*/
    background-color: #C1AF7F; /*фон ссылок*/
    border: solid 0.5px #9B9898; /*бордюры вокруг ссылок*/
    border-bottom-style: solid !important;
    }

/*AС1.4 - заголовки*/
.links h3 {
    font: bold 16px "Times New Roman";
    font-color: #333333;
    }
</style>

<!--Основная таблица -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
$("#menu span:first").addClass("tabactive").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>

<center>
   <table style="width: 815px" cellpadding="0" cellspacing="0">
      <tbody>
         <tr>
            <td valign=top>
               <div id="menu"><b>
<span alt="#sm1" style="cursor: pointer;">Новости</span>
<span alt="#sm2" style="cursor: pointer;">Погода</span>
<span alt="#sm3" style="cursor: pointer;">Баннеры</span>
<span alt="#sm4" style="cursor: pointer;">Конкурсы</span>
<span alt="#sm5" style="cursor: pointer;">Ссылки</span>
               </div>
            </td>
         </tr>
         <tr>
            <td id="MenuTxT"  align="center" valign="top">
               <div id="submenu" align="center">
                  <div id="sm1" class="submenutext" style="display: block;"><br/>
Вкладка с Новостями<br/>
                     <div class="List">
                        <div class="bottom-left" tabindex="1">
                           <div class="List First">
                              <table width=100% >
                                 <tr>
                                    <td style="padding: 0 5px;">
<img src="http://forumavatars.ru/img/avatars/0000/14/1c/31558-1377973540.jpg" style="width: auto"/>
                                    </td>
                                    <td>
                                       <div style="height: 220px; overflow-y: auto; padding: 10px;">
<b>Вкладка 1</b> Новости с прокруткой
                                       </div>
                                    </td>
                                 </tr>
                              </table>
                           </div>
                        </div>

                        <div class="bottom-right" tabindex="2">
                           <div class="List Finish" style="overflow-y: auto;">
                              <div class="ams"><br>
Раз, два, три, четыре, пять,<br>
Вышел Зайчик погулять.<br>
Вдруг охотник выбегает -<br>
Прямо в Зайчика стреляет:<br>
Пиф-паф! Ой-ой-ой!<br>
Умирает Зайка мой...<br>
Принесли его домой,<br>
Оказалось, он живой.
                              </div>
                              <div class="ams"><br>
                                 <table width=100%>
                                    <tr>
                                       <td>
<img src="http://savepic.su/1096342.png" style="width: auto"/></td><td>
<img src="http://savepic.su/1096342.png" style="width: auto"/></td><td>
<img src="http://savepic.su/1096342.png" style="width: auto"/></td><td>
<img src="http://savepic.su/1096342.png" style="width: auto"/>
                                       </td>
                                    </tr>
                                    <tr>
                                       <td>
Админ 1</td><td>
Админ 2</td><td>
Админ 3</td><td>
Админ 4
                                       </td>
                                    </tr>
                                    <tr>
                                       <td>
<img src="http://savepic.su/1096342.png" style="width: auto"/></td><td>
<img src="http://savepic.su/1096342.png" style="width: auto"/></td><td>
<img src="http://savepic.su/1096342.png" style="width: auto"/>
                                       </td>
                                    </tr>
                                    <tr>
                                       <td>
Модер 1</td><td>
Модер 2</td><td>
Модер 3
                                       </td>
                                    </tr>
                                 </table>
                              </div>
                              <div class="runline">
<marquee>Бегущая строка</marquee>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div id="sm2" class="submenutext"><br/>
Вкладка времени и погоды<br>
                     <table width="100%" height="80%">
                        <tr>
                           <td align="center">
Время
                           </td>
                           <td width="65%" align="center">
    <style>#PrognosRotator p{display:none}</style>
    <div id="PrognosRotator" style="width:400px;"><!-- Ротатор произвольного контента -->
    <p><img src="http://st4.gisstatic.ru/static/images/icons/new/d.sun.c2.png" style="float: left"/> Погода солнечная, немного облаков не дают земле сильно нагреться. Птички поют, солнце пригревает. В общем как нельзя хорошо. Дичь выходит из своих норок погреться на солнышке, охота в этот день будет очень удачной.</p>
    <p><img src="http://st4.gisstatic.ru/static/images/icons/new/d.sun.c4.png" style="float: left"/> Пасмурно. Тучи заполонили все небо. Очень душно, что предвещает ливень. Северный ветер проникает сквозь щели палаток, старейшины жалуются на холод.</p>
    <p><img src="http://st7.gisstatic.ru/static/images/icons/new/d.sun.png" style="float: left"/> Сегодня пекло. Коты выходят на охоту в основном на рассвете и закате, когда солнце уже спрячется за горизонт. Лучше всего котам из Сумрачного племени, сквозь плотный навес из крон деревьев не проникают палящие лучи. Речные коты могут освежиться в реке или озере.</p>
    <p><img src="http://st7.gisstatic.ru/static/images/icons/new/d.sun.c4.r2.png" style="float: left"/> Дождь. Ливень. В эту погоду не везет Речным котам, ведь река может выйти из берегов и затопить лагерь.</p>
    <p><img src="http://st7.gisstatic.ru/static/images/icons/new/d.sun.c3.r1.png" style="float: left"/> Облачно, небольшой дождь.
    </div>

    <script type="text/javascript">
    var RandArray=[
    103,242,99,335,449,554,662,430,595,588,668,225,244,23,659,683,624,454,62,250,
    213,427,426,507,532,604,362,301,149,403,512,72,492,436,252,491,602,525,44,150,
    465,74,527,181,408,444,511,276,503,655,541,75,202,486,118,276,129,26,244,487,
    280,388,251,604,592,272,522,294,179,543,37,453,567,578,184,262,390,683,380,340,
    305,10,153,566,219,14,321,211,542,111,596,307,691,134,583,449,207,554,573,412,
    412,511,427,328,478,154,175,665,193,264,674,595,436,628,245,407,456,620,387,595,
    316,148,237,516,543,1,481,634,63,202,226,240,565,438,375,585,591,44,396,620,
    545,560,174,397,666,316,644,443,155,513,230,176,386,206,671,527,382,274,533,615,
    42,561,76,267,633,402,8,92,23,157,386,145,135,542,424,19,224,212,500,157,
    337,460,469,537,461,33,234,615,642,630,74,328,171,264,120,400,452,264,346,349,
    100,673,524,84,228,46,546,450,197,42,646,624,30,216,607,385,24,566,215,536,
    359,176,240,20,675,313,300,366,647,638,578,327,208,160,296,221,163,170,137,119,
    338,194,234,307,98,648,490,380,98,549,397,565,433,295,278,123,326,87,613,524,
    120,524,600,45,35,170,695,218,529,461,256,591,444,224,623,560,546,375,589,622,
    436,222,410,370,192,582,582,53,651,535,452,377,294,176,251,593,214,206,94,699,
    308,588,255,279,409,146,658,46,222,228,5,502,310,37,122,510,441,362,396,173,
    552,46,15,113,229,407,427,486,368,444,290,55,515,526,385,483,508,679,289,433,
    572,394,542,27,31,647,168,147,335,403,404,501,630,34,180,111,257,210,430,214,
    406,74,328,672,267,49,227,401,403,280,293,650,197,48,431,255,204,296,320,596,
    351,269,141,667,541,175,601,231,360,606,84,14,439,489,543,109,625,110,160,47,
    537,308,668,504,440,5,644,473,389,608,668,346,500,192,104,202,634,432,317,241,
    171,527,697,281,152,377,249,648,298,577,217,167,525,412,671,321,94,562,565,579,
    524,491,131,576,634,633,619,94,93,202,592,662,542,413,173,115,263,642,441,16,
    277,300,73,140,608,228,595,689,162,337,659,343,477,302,591,200,11,69,521,490,
    209,171,657,394,160,43,199,276,25,365,685,530,47,485,695,262,64,15,673,385,
    596,565,441,47,634,26,87,620,483,17,147,367,566,118,568,348,640,523,525,595,
    479,356,322,525,57,185,485,39,184,196,336,631,155,137,697,285,590,284,493,438,
    330,13,384,243,229,595,91,160,524,204,510,640,504,438,393,56,223,374,402,208,
    693,406,34,482,491,294,685,24,696,616,698,54,357,81,249,602,169,169,484,164,
    71,386,37,390,498,418,249,650,301,107,115,447,673,128,555,691,694,84,194,263,
    80,396,306,549,371,416,62,689,209,674,636,576,118,604,533,40,117,512,325,652,
    414,518,689,280,373,143,593,54,2,637,185,638,241,352,340,80,275,417,94,543,
    31,393,630,373,555,245,365,242,54,557,503,319,290,545,86,626,606,511,539,334,
    118,503,551,408,30,209,600,272,1,661,302,286,80,587,343,124,655,396,621,260,
    242,99,335,449,554,662,430,595,588,668,225,244,23,659,683,624,454,62,250,310,
    ];
    var today = new Date().getTime();
    a=Math.floor(today/(1000*60*60*24*1)); //1 - кол-во суток, через которые меняется
    a=a-Math.floor(a/700)*700;
    var Nrout=$("#PrognosRotator p").length;
    a=Math.floor(Nrout*(RandArray[a]+1)/700)
    RotatorMycontent(a);
    function RotatorMycontent(i) {
    $("#PrognosRotator p").hide();
    $("#PrognosRotator p").eq(i).show();
    }
    </script>
                           </td>
                        </tr>
                     </table>
                  </div>
                  <div id="sm3" class="submenutext" style="align: center;"><br/>
Вкладка баннеров<br/><br/>
<a target="top_" title="Рейтинг Ролевых Ресурсов - RPG TOP" href="http://top.roleplay.ru/21481"><img width="88" height="31" border="0" alt="Рейтинг Ролевых Ресурсов - RPG TOP" src="http://img.rpgtop.su/rpgtop4.gif"/></a>

<a href="http://cwillysionlife.mybb.ru/"><img width="88" height="31" src="http://savepic.org/4398328.gif"/></a>
                  </div>
                  <div id="sm4" class="submenutext"><br><br>
                     <div class="List">
                        <div class="bottom-left" tabindex="1">
                           <div class="List First">
НАЗВАНИЕ КОНКУРСА<br><br>
Описание с прокруткой
                           </div>
                        </div>

                        <div class="bottom-right" tabindex="2">
                           <div class="List Finish" style="overflow-y: auto;">
Победители конкурса!</br>
                              <table width=100% height=90%><tr><td valign="top">
<img src="http://forumavatars.ru/img/avatars/0000/14/1c/31558-1377973540.jpg" style="width: auto"/></br>
1 место
                              </td>
                              <td valign="middle">
<img src="http://forumavatars.ru/img/avatars/0000/14/1c/31558-1377973540.jpg" style="width: auto"/></br>
2 место
                              </td>
                              <td valign="bottom">
<img src="http://forumavatars.ru/img/avatars/0000/14/1c/31558-1377973540.jpg" style="width: auto"/></br>
3 место
                              </td></tr></table>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div id="sm5" class="submenutext"><br/>
Вкладка ссылок<br/><br/>
                     <div class="links">
<br/><h3>Заголовок навигации 1</h3>
                        <center>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 1</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 2</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 3</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 4</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 5</a>
                        </center>
                     </div>
                     <div class="links" style="margin-left:272px;">
                        <center>
                           <div id="My_IMG">
<!-- Случайная Картинка -->
<img height="180" border="1" src="http://stihidl.ru/files/comment/comment_1231884.jpg"/>
<script type="text/javascript">
var tik = 5000;  // Время отображения(в дан.случ. 5сек);
ImgA = new Array (
   "http://s39.radikal.ru/i086/1006/22/bbe8cba03a2a.jpg",
   "http://i42.beon.ru/26/45/1694526/88/53953688/10.jpeg",
   "http://www.proshkolu.ru/content/media/pic/std/3000000/2384000/2383332-a69828cf1d8001c4.gif",
   "http://s45.radikal.ru/i110/1103/70/b4637ebd5b85.jpg",
   "http://club.itdrom.com/files/blog/beautiful/5140_1.jpg",
   "http://i038.radikal.ru/1006/16/28e921d4b7e2.jpg",
   "http://s54.radikal.ru/i145/1107/79/2b0cd0152a9e.jpg",
   "http://mario.tomsk.fm/ximg/13010547361382.jpg",
"End");var i=Math.round(Math.random()*(ImgA.length-1));randomIMG(i);function randomIMG(i){if( i >= ImgA.length-1){i=0};$("#My_IMG img").attr("src",ImgA[i]);var i=Math.round(Math.random()*(ImgA.length-1));j = i;timerID = setTimeout("randomIMG(j)",tik);};</script>
<!-- /End/Случ.Картинк. -->
                           </div>
                        </center>
                     </div>
                     <div class="links" style="margin-left:544px;">
<br/><h3>Заголовок навигации 2</h3>
                        <center>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 6</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 7</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 8</a>
<a href="http://wolfsopinion.mybb.ru/">Ссылка 9</a>
                        </center>
                     </div>
                  </div>
               </div>
            </td>
         </tr>
      </tbody>
   </table>
</center>

Обратите внимание. Если вы будете сменять дизайн, вам необходимо будет внести цветовые изменения в таблицу, а именно - определить цвет фона для тела форума (сейчас он у вас светло-желтый) и продублировать его и для таблицы в месте, отмеченном светло-синим цветом.
Если хотите, можете поменять стрелки смены контента (они сейчас черные). Ссылки выделены фиолетовым - левая стрелка, розовым - правая стрелка.
Оливковым отмечена строка, которую можно удалять или добавлять, чтобы добиться нужного вам количества картинок для администраторов и подписей к ним.
Сине-зеленым - строка, которую можно удалять/размножать, чтобы получить нужное количество картинок и подписей к модераторам.
Голубым - строка для удаления/размножения в столбцах с перечными ссылок.

Ta_chan написал(а):

1) http://imgdisk.ru/images/wLqlx.png   - эскиз таблицы

без границ, пожалуйста.) хотя их все равно не будет 

красные боковшку это стрелки слайдера, (лишь на очередности полоска красная это прокрутка)

2. форум - http://designbri.mybb.ru/

<style type="text/css">
/*======== AА - ОБЩИЕ НАСТРОЙКИ ========*/

/*АА1.0 - бордеры*/
.obyava, .row_left, .row_mid, .row_righr, .ams, .best, .posts, .welcome, .links, .runline {
    outline: 1px solid transparent;/*#eee*/
    }

/*АА1.1 - основная таблица*/
.obyava {
    width: 825px;
    height: 400px;
    }

/*АА1.2 - левая группа*/
.group {
    width: 77.5%;
    height: 100%;
    float: left;
    }

/*АА1.3 - левая колонка*/
.row_left {
    width: 43%;
    height: 90%;
    float: left;
    }

/*АА1.3а - АМС*/
.ams {
    width: 100%;
    height: 43%;
    }

/*АА2.1 - правая колонка*/
.row_mid {
    width: 56%;
    height: 90%;
    float: right;
    }

/*АА2.1а - лучшие*/
.best {
    width: 100%;
    height: 56%;
    }

/*АА3.1 - блок с перечнем постов*/
.posts {
    width: 21%;
    height: 100%;
    float: right;
    overflow-y: auto;
    padding: 0 5px;
    }

/*АА4.1 - бегущая строка*/
.runline {
    width: 100%;
    height: 10%;
    float: left;
    }

/*======== AВ - СЛАЙДЕР НА 2 ВКЛАДКИ ========*/

/*АВ1.0 - бордеры*/
div.List, div.bottom-right, div.bottom-left, .List.First, .List.Finish {
    outline: 1px solid transparent;/*#e12*/
    }

/*АВ1.1 - блок под слайдер с приветствием*/
.welcome {
    width: 100%;
    height: 56%;
    }

/*АВ1.2 - нижняя подложка*/
div.List {
    position: relative;
    display: inline-block;
    width: 100%; /*ширина вкладки + ширина кнопок*/
    height: 90%; /*высота вкладки*/
    padding: 0;
    margin: 0;
    text-align: center;
    }

/*АВ1.3 - слайды*/
.List.First, .List.Finish {
    width: 235px; /*ширина вкладки - ширина кнопок справа и слева*/
    height: 100%;
    margin-left: 20px; /*ширина кнопки слева*/
    background-image: none;
    }

/*АВ1.4 - второй слайд*/
.List.Finish {
    position: absolute;
    display: none;
    margin: 0;
    left: -235px; /*ширина вкладки - ширина кнопок справа и слева*/
    z-index: 1;
    background: url(http://s5.uploads.ru/e1C9K.png) -320px;
    }

/*АВ2.1 - контейнеры стрелочек*/
div.bottom-right, div.bottom-left {
    position: absolute;
    display: inline-block;
    width: 20px; /*ширина кнопок*/
    height: 100%;
    padding: 0;
    left: 0;
    top: 0;
    background: url(http://www.iconsearch.ru/uploads/icons/ … _arrow.png) center center no-repeat; /*картинка левой кнопки*/
    background-size: 100% auto;
    }

/*АВ2.1а - инд. настройки правой стрелки*/
div.bottom-right {
    margin: 0px 100%;
    left: -20px; /*ширина кнопки*/
    background-image: url(http://www.iconsearch.ru/uploads/icons/ … _arrow.png); /*картинка правой кнопки*/
    }

/*АВ3.1 - правило смены слайдов*/
div.bottom-right:focus > .List.Finish, div.bottom-left:focus > .List.First {
    display: block;
    }

/*======= AС - ССЫЛКИ НАВИГАЦИИ========*/

/*АС1.0 - блок под ссылки*/
.navig {
    width: 100%;
    height: 44%;
    }

/*AС1.1 - блок со ссылками*/
.links {
    float: left;
    height: auto;
    width: 50%;
    }

/*AС1.2 - настройка ссылок*/
.links a {
    color: #897E6D !important; /*цвет текста ссылок*/
    background: url(http://s5.uploads.ru/e1C9K.png) -45px; /*картинка фона ссылок*/
    line-height: 115%; /*междустрочный интервал для ссылок*/
    width: 80%;
    padding: 3px;
    margin: 1px;
    display: block;
    border-radius: 10px;
    }

/*AС1.3 - настройка ссылок в активе*/
.links a:hover {
    color: #3B2010 !important; /*цвет текста ссылок*/
    background: url(http://s5.uploads.ru/e1C9K.png) -290px; /*картинка фона ссылок*/
    border-bottom-style: solid !important;
    }

/*AС1.4 - заголовок*/
.ams h3, .navig h3, .best h3, .posts h3 {
    font: bold 14px Verdana;
    color: #572300 !important;
    text-align: center;
    padding: 0 0 3px;
    }
</style>

<link rel="stylesheet" type="text/css" href="http://forumstatic.ru/files/0010/b4/f8/71526.css" />
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/39493.js"></script>

<!--Основная таблица -->
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
$("#menu span:first").addClass("tabactive").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>

<center>
<div class="obyava">
   <div class="group">

      <div class="row_left">
         <div class="ams">
<h3>Администраторы</h3>
<a href="http://indigokids.mybb.ru/profile.php?id=3"><img src="http://s5.uploads.ru/mQhNi.gif" border=0></a>
<a href="http://indigokids.mybb.ru/profile.php?id=5"><img src="http://s5.uploads.ru/nXEB0.gif" border=0></a>
<a href="http://indigokids.mybb.ru/profile.php?id=30"><img src="http://s5.uploads.ru/4okjy.gif" border=0></a>
<a href="http://indigokids.mybb.ru/profile.php?id=105"><img src='http://s5.uploads.ru/VpjOT.gif'" border=0></a>

<a href="http://indigokids.mybb.ru/profile.php?id=228"><img src="http://s5.uploads.ru/30YXo.gif" border=0></a>
<a href="http://indigokids.mybb.ru/profile.php?id=89"><img src="http://s5.uploads.ru/QhS7w.gif" border=0></a> 
<a href="http://indigokids.mybb.ru/profile.php?id=86"><img src="http://s4.uploads.ru/fKsUM.gif" border=0></a>
<a href="http://indigokids.mybb.ru/profile.php?id=264"><img src="http://s4.uploads.ru/lvjPV.gif" border=0></a>
         </div>
         <div class="welcome"><br>
            <div class="List">
               <div class="bottom-left" tabindex="1">
                  <div class="List First" style="overflow-y: auto;">
<b>ЧТО ПРОИСХОДИТ СЕЙЧАС</b><br>
Начался третий сезон игры!
Мир перевернулся и стал далеко не таким, каким мы его помним. Добро и зло смешались воедино, а грань между хорошим и плохим слишком призрачна. Смогут ли вновь обрести себя те, кто утратил свою истинную сущность? Даже самый слабенький огонек надежды может однажды разгореться до бушующего пламени.<br>
<b>ВНИМАНИЕ</b><br>
26.10.2013 - стартовал квест <a href="http://indigokids.mybb.ru/viewtopic.php?id=1048#p127459"><b>"13. Let's imagine this is still not the end ".</b></a> Просим всех ознакомиться и начать игру. Внимание! Квест периодически меняется. Не забывайте время от времени нажимать на ссылку выше и проверять обновления.
                  </div>
               </div>

               <div class="bottom-right" tabindex="2">
                  <div class="List Finish" style="overflow-y: auto;">
<a href="http://adelaide.rusff.ru/" target=_blank title="Santos - секреты причиняют боль"><img src="http://s3.uploads.ru/IL8bo.gif"/></a>
<a href="http://princeton.mybb.by/" target="_blank"><img src="http://s2.uploads.ru/MVPBk.png" title="ME PRINCETON" border="0" width="88" height="31"/></a>
<a href="http://newtwilightforyou.rolka.su/" target="_blank"><img src='http://i42.tinypic.com/2rxbayu.gif'/></a>
<a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank><img src="http://forumstatic.ru/files/000c/77/06/88262.gif" border="0" alt="COLOR FORUM"/></a>
<a href="http://mifobogah.spybb.ru/" title="Древний мир Греции ..." target="blank"><img src="http://s007.radikal.ru/i300/1103/87/17d4f193a36a.png"></a>
<a href="http://tank.mybb.ru" target="_blank"><img src="http://forumstatic.ru/files/000e/fd/f7/73767.gif" title="Ролевой Каталог 'ТАНКЪ'" border="0"/></a>
<a href="http://alarmme.ru/" title="Alarm with LA me" target=_blank><img src="http://uploads.ru/t/r/w/O/rwOYN.gif"></a" border="0" alt="LA me"/></a>
<a href="http://namvnebo.ru/" title="Современная Греция. Афины. Люди, способные управлять силой Богов. Найдешь себя в этом мире, смертный?..." target="blank"><img src="http://i025.radikal.ru/1011/1f/1bd57432287d.png"/></a>
<a href="http://youchoice.rusff.ru/" target="_blank"><img src="http://uploads.ru/i/u/1/W/u1Weo.gif"/></a>
<a href="http://retribution.rusff.ru/" target="_blank"><img src="http://savepic.su/1791152.gif"title="Heroes: Retribution"border="0"width="88" height="31"/></a>
<a href="http://thelword.rusff.ru/"><img src="http://savepic.net/747123.gif"alt="[The L Word]" width="88" height="31"/></a>
<a href="http://newround.rusff.ru/" target=_blank title="X-men: New round"><img src="http://s3.uploads.ru/Icrx2.gif"/></a>
<a href="http://ddh.rusff.ru/" target=_blank><img src="http://s017.radikal.ru/i402/1208/78/07aa9986191f.gif" border="0" title="DDH: Life in Livingstone" width=88 height=31/></a>
<a href="http://sango.rusff.ru" target=_blank><img src="http://s2.uploads.ru/GAWE1.gif" border="0" title="SAN DIEGO" width=88 height=31/></a>
<a href="http://deathis.rusff.ru/" target="_blank"><img src="http://s1.uploads.ru/i/MyVJE.gif"/></a>
<a href="http://marvelreality.5bb.ru/" target=_blank><img src="http://i46.tinypic.com/mtwhg6.jpg" title="Марвел: Последний Герой" border=0 width="88" height="31"/></a>
<a href="http://cycle.rusff.ru/" target="_blank"><img src="http://s3.uploads.ru/0TB6a.gif" title="Arthurian cycle: modern myth" border="0"width="88" height="31"/></a>
<a href="http://shake.rusff.ru/"><img src="http://s7.uploads.ru/t/RE4QC.png" title="Shake It" border="0" /></a>
<a href="http://broen.rusff.ru/", target=_blank, title='BROEN|BRON'><img src="http://s7.uploads.ru/k2NiU.gif"/></a>
<a href="http://www.re-role.com/" target=_blank><img src="http://uploads.ru/i/5/D/9/5D9Vj.jpg" border="0" alt="Resident Evil Generations. Форумная ролевая игра в жанре survival horror" /></a>
<a href="http://narutoxgen.mybb.ru/" target='_blank' title='Naruto X-Gen'><img src='http://s2.uploads.ru/FkhiM.gif' border='0' width='88' height='31' alt='Naruto X-Gen'/></a>
<a href="http://gleewecanfly.rusff.ru/"><img src="http://savepic.su/2594649.gif" width="88" height="31" border="0" alt="Glee: we can fly"></a>
<a href="http://greywardens.rusff.ru/" title="Harry Potter: Grey Wardens"><img src="http://s5.uploads.ru/zN0bq.png"/></a>
<a href="http://celebrityfrpg.rusff.ru/"><IMG src="http://s5.uploads.ru/yHe8T.gif" alt="null" width="88" height="31"/></a>
<a href="http://dragonagelaststand.rusff.ru//"><img src="http://savepic.net/3877190.jpg" border="0" width="88" height="31" alt=" DRAGON AGE: LAST STAND"/></a>
<a href="http://losttheend.hutt.ru/" title="LOST: The end"><img src="http://s2.uploads.ru/Jq2bp.gif" border="0"/></a>
<a href="http://ustass.rusff.ru/" target="_blank"><img src="http://s4.uploads.ru/epgIj.gif" title="Ustass city. overpower, nc-21, episode" alt="ustass"/></a>
<a title="Toronto: Inspire Me" href='http://tim.rusff.ru/' target='_blank'><img src="http://s41.radikal.ru/i093/1310/a7/b71ec36d0cda.png" alt='Toronto: Inspire Me' title="Toronto: Inspire Me" border=0 width="88px" height="31px"/></a>
<a href="http://afterarena.rusff.ru" target="_blank" ><img src="http://s2.uploads.ru/lCBjY.gif" border="0" alt="»The Hunger Games: After arena"/></a>
<a href="http://manhattanlife.ru/"><img src="http://s1.uploads.ru/i/B4xRo.gif" title="Manhattan: потерянный рай"/></a>
<a href="http://hustler.6bb.ru/" target="_blank"><img src="http://forumavatars.ru/img/avatars/0011/15/3f/382-1342455898.gif" border="0" alt="Hustler - лучший стриптиз клуб" width="88" height="31"/></a>
<a href="http://vadarknight.rolka.su/"><img src="http://s3.uploads.ru/B4gXY.gif" title="Vampire Academy: The Dark Night"></a>
<a href="http://ederne.rusff.ru/" target="_blank"><img src="http://uploads.ru/i/1/Q/D/1QDFJ.gif"/></a>
<a href="http://walkingdead.rusff.ru"><img src="http://forumstatic.ru/files/0011/3c/b5/95251.gif"title="Atlanta:Deadly Sinners"/></a>
<a href=http://dirtygames.ru target="_blank"><img src="http://s5.uploads.ru/sEoIh.gif"/></a>
<a href="http://tvddelirium.rusff.ru/" target="_blank"><img src="http://s5.uploads.ru/gn5SV.gif"/></a>
                  </div>
               </div>
            </div>
         </div>
      </div>

      <div class="row_mid">
         <div class="best">
<h3>Лучшие</h3>
    <center>
    <!-- Cлайдер -->
       <div id="slider2" slide-width="320" slide-height="179" class="slider" style="padding:0;height:0;width:0">

    <!-- Две Кнопки слайдера -->
        <img button-width="32" class="button-left hide" src="http://s5.uploads.ru/6utOU.png"/>
        <img button-width="32" class="button-right" src="http://s4.uploads.ru/CUgmW.png"/>

    <!-- 1-й Контейнер слайдера -->
    <div class="slider-content active">

<br><br>
<b>• PLAYERS OF THE WEEK •</b><br>
<a href="http://indigokids.mybb.ru/profile.php?id=86" title="Dimitry Black"><img src="http://s6.uploads.ru/IhCD3.gif"/></a>

    </div>
    <!-- 2-й Контейнер слайдера -->
    <div class="slider-content">

<b>• THE BEST FLOODERS •</b><br>
<a href="http://indigokids.mybb.ru/profile.php?id=117" title="Abigail Canavan"><img src="http://s7.uploads.ru/9kV5C.gif" /></a>
<a href="http://indigokids.mybb.ru/profile.php?id=228" title="Nicolas Barrette"><img src="http://s7.uploads.ru/s6fFk.gif" /></a>
<a href="http://indigokids.mybb.ru/profile.php?id=89" title="Karoline Stark"><img src="http://s7.uploads.ru/u3tMq.gif"/></a>
<br><br>
<b>• THE BEST QUOTE •</b><br>
<a href="http://indigokids.mybb.ru/profile.php?id=86" title="Dimitry Black"><img src="http://s6.uploads.ru/5XD2f.gif" /></a> 
<a href="http://indigokids.mybb.ru/profile.php?id=89" title="Karoline Stark"><img src="http://s7.uploads.ru/u3tMq.gif" /></a>
<a href="http://indigokids.mybb.ru/profile.php?id=195" title="Ezra Sinclair"><img src="http://s6.uploads.ru/ZSLJ1.gif" /></a>

    </div>
    <!-- 3-й Контейнер слайдера -->
    <div class="slider-content">

<br><br>
<b>• THE BEST FLASH-BACK •</b><br>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=1042" title="party, f*cking, hard!"><img src="http://s7.uploads.ru/iOQfz.gif"/></a>

    </div>

       </div><script>$("#slider2").slideF();</script><!--//End Cлайдер --></center>
         </div>

         <div class="navig">
<h3>Навигация</h3>
            <div class="links">
               <center>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=19">ПРАВИЛА</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=356">СЮЖЕТ</a>
<a href="http://indigokids.mybb.ru/viewforum.php?id=21">АКЦИИ</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=90">НУЖНЫЕ ПЕРСОНАЖИ</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=995#p123998">СПИСОК РОЛЕЙ</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=23#p117">СПИСОК СПОСОБНОСТЕЙ</a>
               </center>
            </div>
            <div class="links">
               <center>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=22">СПИСОК ВНЕШНОСТЕЙ</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=513#p65901">СПИСОК ИМЕН</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=17#p109">ШАБЛОН АНКЕТЫ</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=364#p39601">ПИАРЩИКАМ</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=918#p123038">НОВЫЙ КВЕСТ</a>
<a href="http://indigokids.mybb.ru/viewtopic.php?id=52#p122854">ОБЪЯВЛЕНИЯ</a>
               </center>
            </div>
         </div>
      </div>

      <div class="runline">
         <marquee scrollAmount=3 onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=3 style="margin-top: 6px;">
<a href="http://top.roleplay.ru/15447" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_">
<img src="http://img.rpgtop.su/88x31x11x3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=13767' target='_blank'>
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=13767&cid=concept4.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=13767&cid=concept4.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> <a href='http://wizardtop.ru/in.php?id=2282' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/17.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>

<a href="http://forum-top.ru/vote/2247" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_3.gif" alt="Рейтинг форумов Forum-top.ru" /></a>

<a href="http://imagiart.ru/" title="photoshop: Renaissance" target=_blank> <img src="http://s1.uploads.ru/5ls0J.gif" border="0" alt="photoshop: Renaissance"></a><a href="http://toponline.msk.ru/"><img src="http://toponline.msk.ru/button.php?u=Florea" alt="TopOnline - Рейтинг ролевых игр" border="0" /></a>
         </marquee>
      </div>
   </div>
   <div class="posts">
<h3>Очередность постов</h3>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=145">Париж (Франция)</a>  <b>Sonia Letmen</b> Nicole Barrette Damien Laurent<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=717">Гудванген (Норвегия)</a>  <b>Chloe Brooks-Gilmore</b> Matthew Gilmore Tony Stark<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=933">Комната совещаний Парламента</a>  <b>Briana Osborne</b> Fredrik Berg<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=962">Набережная Виктории (Лондон)</a>  <b>Alla Beglova</b> Hiro Nakamura<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=1045">Отель (Манчестер)</a> P. J. Harvey <b>Brian Nagy</b><br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=926">Комната отдыха (Штаб-квартира Око)</a>  Laniing Zheng <b>Lenore Vidokq</b><br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=1046">Дом семьи Миллер-Кенаван (Лондон)</a>  <b>Seth Tailor</b> Heath Miller<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=509">Берлин (Германия)</a>  <b>Christina Starkova</b> Kris Fox<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=1047">Коридор третьего этажа</a>  Genevieve Gonzalez <b>Caleb Danvers</b><br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=1035">Коридор правого крыла. Первый этаж</a>  <b>Katarina Bergman</b> Abigail Canavan<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=1036">Коридор левого крыла. Первый этаж</a>  <b>Florea Rodika</b> Dimitry Black<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=1038">Вестибюль</a> Nicolas Barrette <b>Ezra Sinclair</b> Alexey Radzikhovskiy Elizabeth Russel Karen Sorbonne<br><br>
♠ <a href="http://indigokids.mybb.ru/viewtopic.php?id=954">Комната отдыха</a>  <b>Karoline Lorentz</b> Ariana Daye Aidan Van Holt
   </div>
</div>
</center>

Собственно, я вам ее уже заполнил, поэтому особых сложностей возникнуть не должно. Высоту таблицы брал приблизительную, и ее довольно легко можно будет откорректировать при желании. Вся таблица сверстана процентно, что ускорит и облегчит настройку, если это станет необходимым.
Вопрос стрелочек стоит остро. Поскольку в слайдере с приветствием и без того слишком тесно, настройку размера стрелок оставил в 20 пикселей в ширину (там идет пропорциональная автоподстройка картинки стрелки под заданную в стилях ширину) и для примера же оставил пару черных стрелок. Ваши поставил на слайдер с Лучшими, но единообразие просится, так что придется вам либо искать новые, либо переделывать текущие, либо рисовать самостоятельно.
Будут вопросы, пожелания к изменениям - пишите