Код:

<style>
/* Настройки объявления */
#pun-announcement .container {padding: 1em 0.5em 0 0.5em;}

#cats_war-s h3 {
  font: bold italic 13px sans-serif;
  color: #4F3A15;
  text-decoration: underline;
  margin: 2px auto 5px auto;
  }

#cats_war-s td {
  padding: 4px 1px;
  border: 1px dashed #8A672A;
  border-radius: 5px;
  text-align: center;
  vertical-align: top;
  }
</style>

<!-- Основная таблица -->
<table id="cats_war-s" style="width: 100%; border: none;" cellspacing="1" cellpadding="0">
<tr>
<td style="width: 20%; height: 91px;">

<h3>Активисты недели</h3>
<!-- Блок активистов -->
Имя_1<br/>
Имя_2<br/>
Имя_3<br/>
<!-- Конец блока -->
</td>
<td style="width: 28%;" rowspan="2" colspan="2">

<h3>Приветствие</h3>
<!-- Блок приветствия -->

Текст приветствия

<!-- Конец блока -->
</td>
<td style="width: 32%;" rowspan="2" colspan="2">
<!-- Картинка --><img src="http://i41.tinypic.com/nqwxhu.jpg" style="width: 230px; height: auto;" border="0" alt="Картинка by LorandeLin"><!-- Конец картинки -->
</td>
<td style="width: 20%;" rowspan="2">

<h3>Пост недели</h3>
<!-- Блок поста недели -->

(текст/ссылка)

<!-- Конец блока -->
</td>
</tr>
<tr>
<td style="height: 91px;">

<h3>Флудеры недели</h3>
<!-- Блок флудеров -->
Имя_1<br/>
Имя_2<br/>
Имя_3<br/>
<!-- Конец блока -->
</td>
</tr>
<tr>
<td rowspan="2">

<h3>Новости</h3>
<div style="width: 140px; height: 170px; margin: 0 auto; overflow-y: auto;">
<!-- Блок новостей -->

<b>17.07.13</b>
<br/>На форуме проходит перепись населения, просьба заглянуть в <a href=http://legend.koti-voiteli.ru/viewtopic.php?id=174>ЭТУ ТЕМУ</a>
<br/><br/>
<b>19.07.13</b>
<br/>Ребятки, так дело не пойдет. Или вы будете активны, или я на вас обижаюсь.
<br/>Имейте совесть, я для вас стараюсь:)

<!-- Конец блока -->
</div>
</td>
<td style="width: 14%;">

<h3>Админы</h3>
<!-- Блок админов -->
<b>В</b>оробьиное Крылышко<br/>
<b>С</b>нежная Комета<br/>
<b>В</b>ыходка<br/>
<b>П</b>рядильщик<br/>
<b>Э</b>д
<!-- Конец блока -->
</td>
<td style="width: 14%;" rowspan="2">

<h3>Ссылки</h3>
<!-- Блок ссылок -->
<a href="http://legend.koti-voiteli.ru/viewtopic.php?id=171">Анкетирование</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewforum.php?id=34">О Сюжете</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewforum.php?id=7">Акции</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewforum.php?id=10">ЧаВо</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewtopic.php?id=22">Список Кланов</a>
<!-- Конец блока -->
</td>
<td style="width: 17%;">

<h3>Топы</h3>
<!-- Блок топов -->
<a href="http://top.roleplay.ru/21071" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>
<br/><br/>
<a href="http://forum-top.ru/vote/2721" title="Рейтинг форумов Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_1.gif" alt="Рейтинг форумов Forum-top.ru" /></a>
<!-- Конец блока -->
</td>
<td style="width: 17%;" rowspan="2">

<h3>Реклама</h3>
<!-- Неизвестный блок -->
<a href="http://legend.koti-voiteli.ru/viewtopic.php?id=8">Правила рекламы</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewtopic.php?id=23">Наша реклама</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewtopic.php?id=10">Ваша реклама</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewtopic.php?id=157">Баннерообмен</a><br/><br/>
<a href="http://legend.koti-voiteli.ru/viewtopic.php?id=3">Партнёрство</a>
<!-- Конец блока -->
</td>
<td rowspan="2">

<h3>Очередность постов</h3>
<!-- Блок очереди -->

(текст)

<!-- Конец блока -->
</td>
</tr>
<tr>
<td>

<h3>Модеры</h3>
<!-- Блок модеров -->
<b>M</b>oon<br/>
Место свободно<br/>
Место свободно<br/>
Место свободно<br/>
Место свободно
<!-- Конец блока -->
</td>
<td>

<h3>Партнёры</h3>
<div style="width: 106px; height: 65px; margin: 0 auto; overflow-y: auto;">
<!-- Блок партнеров -->

<a href="http://apostates.anihub.ru/" title="Apostates. Вам не выбраться отсюда" target="_blank"><img src="http://s1.uploads.ru/TW91P.png"></a>
<a href="http://smoke.rusff.ru/"><img src="http://s3.uploads.ru/0ME39.gif" title="Philadelphia: Smoke & Mirrors"/></a>
<a href="http://fullmoon.winbb.ru/" target="_blank"><img src="http://s2.uploads.ru/t/jhvD8.gif" border="0" title="Истории вампиров"></a>
<a href="http://hyakumonogatari.rusff.ru/"><img src="http://s4.uploads.ru/bS857.jpg" title="Сотня историй о духах" border="0"/></a>
<a href="http://rivercw.rolka.su/" target="_blank"><img src="http://s5.hostingkartinok.com/uploads/images/2013/07/db3eab1ccc2831488b163e1a22b2270f.gif" width="88" height="31" alt="Коты-Воители Река Истории" border="0"></a>
<a href="http://cwbh.rusff.ru/" target="_blank"><img src="http://s5.uploads.ru/8IAGv.gif"title="Cats Warriors. Brave hearts" border="0" width="88" height="31"></a>
<a href="http://cwis.spybb.ru/" target="_blank"><img src="http://s5.uploads.ru/FwoQU.png" border="0" alt="Игра Стихий!"></a>

<!-- Конец блока -->
</div>
</td>
</tr>
</table>
<!-- Конец основной таблицы -->

В html-верх:

Код:

<style type="text/css">
/* Сдвиг контейнера объявления и отступы */
#pun-announcement .container {
  margin: 40px -6px 0 -6px;
  padding: 0em;
  }

/* Выравнивание, отступы, шрифт в ячейках */
#hog-spell td {
  padding: 2px 3px;
  text-align: center;
  vertical-align: top;

  font-size: 11px; /* размер шрифта основного текста в любой ячейке */
  font-family: arial; /* семейство шрифта основного текста в любой ячейке */
  }

/* Отображение и отступы картинок */
#hog-spell img {
  display: block;
  margin: 1px auto 4px auto;
  }

/* Стиль заголовков */
#hog-spell h3 {
  margin: 0 auto 5px auto;
  font-size: 15px!important; /* размер шрифта заголовков */
  font-weight: bold;
  font-family: 'Book Antiqua'; /* семейство шрифта заголовков */
  }

/* Стиль цифр */
#hog-spell h5 {
  margin: 2px auto;
  font-size: 12px!important; /* размер шрифта цифр */
  font-weight: bold;
  font-family: 'Courier New'; /* семейство шрифта цифр */
  }
</style>

В объявление:

Код:

<!-- Основная таблица -->
<table id="hog-spell" style="width: 832px; border: none;" cellspacing="0" cellpadding="0">
<tr><td colspan="4"><img style="margin-bottom: 1px;" src="http://s5.uploads.ru/p7mJG.png"/></td></tr>
<tr>
<td style="width: 118px;">
<img src="http://s5.uploads.ru/orS5g.png"/>

<h5>00</h5>

текст (левый-верхний)

</td>
<td style="width: 238px;">
<h3>Сюжет</h3>

текст

</td>
<td style="width: 238px;">
<h3>Время, Погода, Действия</h3>

текст

</td>
<td style="width: 118px;">
<img src="http://s5.uploads.ru/orS5g.png"/>

<h5>00</h5>

текст (правый-верхний)

</td>
</tr>
<tr>
<td>
<img src="http://s5.uploads.ru/orS5g.png"/>

<h5>00</h5>

текст (левый-нижний)

</td>
<td>
<h3>Объявления</h3>

текст

</td>
<td>
<h3>Навигация</h3>

текст

</td>
<td>
<img src="http://s5.uploads.ru/orS5g.png"/>

<h5>00</h5>

текст (правый-нижний)

</td>
</tr>
</table>
<!-- Конец -->

В html-верх:

Код:

<style>
/* Настройки контейнера объявления и стиля таблиц */
#pun-announcement .container {
  margin-right: -2px;
  padding-top: 1em;
  }

#kitty td {
  text-align: center;
  vertical-align: top;
  }

#kitty h3 {
  margin: 1px auto 5px auto;
  font: bold italic 15px 'palatino linotype', serif;
  letter-spacing: 1px;
  }

.link_blo a {
  display: block;
  margin-bottom: 5px;
  }

#ams_blo img {
  width: 70px;
  height: 70px;
  }

#mod_blo img {
  width: 50px;
  height: 50px;
  }

#menu {margin: 0}

#menu span {
  display: block;
  width: 73px;
  height: 41px;
  padding: 0;
  margin: 0 auto;
  }

#submenu {
  width; 400px;
  padding: 0px;
  }

.submenutext {
  display: none;
  margin: 5px auto;
  width: 98%;
  height: 220px;
  overflow-y: auto;
  text-align: center;
  }
</style>

В объявление:

Код:

<!-- Основная таблица -->
<table id="kitty" style="width: 100%; border: none;" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 65%;">
<!-- Доп. секция (вложенная таблица с вкладками) -->
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
 <tbody>
  <tr>
   <td>
    <div id="menu">
<!-- Кнопки -->
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;"><span alt="#sm1" style="cursor: pointer;"><img src="ссылка на картинку"/></span></td>
<td style="width: 25%;"><span alt="#sm2" style="cursor: pointer;"><img src="ссылка на картинку"/></span></td>
<td style="width: 25%;"><span alt="#sm3" style="cursor: pointer;"><img src="ссылка на картинку"/></span></td>
<td style="width: 25%;"><span alt="#sm4" style="cursor: pointer;"><img src="ссылка на картинку"/></span></td>
</tr>
</table>
<!-- Конец кнопок -->
    </div>
   </td>
  </tr>
  <tr>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;">
<!-- Контент первой вкладки -->

Текст (первый контейнер)

<!-- Конец контента -->
</div>
     <div id="sm2" class="submenutext">
<!-- Контент второй вкладки -->

<h3>Заголовок 1</h3>

<table id="ams_blo" style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 33%;"><img src="ссылка на картинку"/></td>
<td style="width: 34%;"><img src="ссылка на картинку"/></td>
<td style="width: 33%;"><img src="ссылка на картинку"/></td>
</tr>
<tr>
<td>текст 1</td>
<td>текст 2</td>
<td>текст 3</td>
</tr>
</table>

<h3>Заголовок 2</h3>

<table id="mod_blo" style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%;"><img src="ссылка на картинку"/></td>
<td style="width: 25%;"><img src="ссылка на картинку"/></td>
<td style="width: 25%;"><img src="ссылка на картинку"/></td>
<td style="width: 25%;"><img src="ссылка на картинку"/></td>
</tr>
<tr>
<td>текст 1</td>
<td>текст 2</td>
<td>текст 3</td>
<td>текст 4</td>
</tr>
</table>

<!-- Конец контента -->
</div>
     <div id="sm3" class="submenutext">
<!-- Контент третьей вкладки -->

<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 50%;">

<h3>Заголовок 1</h3>

<div class="link_blo">
<a href="ссылка на тему">Ссылка 1</a>
<a href="ссылка на тему">Ссылка 2</a>
<a href="ссылка на тему">Ссылка 3</a>
<a href="ссылка на тему">Ссылка 4</a>
<a href="ссылка на тему">Ссылка 5</a>
</div>

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

<h3>Заголовок 2</h3>

<div class="link_blo">
<a href="ссылка на тему">Ссылка 1</a>
<a href="ссылка на тему">Ссылка 2</a>
<a href="ссылка на тему">Ссылка 3</a>
<a href="ссылка на тему">Ссылка 4</a>
<a href="ссылка на тему">Ссылка 5</a>
</div>

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

<!-- Конец контента -->
</div>
     <div id="sm4" class="submenutext">
<!-- Контент четвертой вкладки -->

Текст (четвертый контейнер)

<!-- Конец контента -->
</div>
</div>
   </td>
</tr>
 </tbody>
</table>

<!-- Конец вложенной таблицы -->
<!-- Конец доп. секции -->
</td>
<td style="width: 35%;">
<!-- Блок ссылок/текста/топов -->

текст текст текст текст (верхний)

<div style="margin-top: 10px;"><form> 
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)"> 
<option>Нужные персонажи</option> 
<option value="ссылка_1">Тема 1</option>
<option value="ссылка_2">Тема 2</option>
<option value="ссылка_3">Тема 3</option>
<option value="ссылка_4">Тема 4</option>
<option value="ссылка_5">Тема 5</option>
</select> 
</form></div>
<div style="width: 85%; margin: 10px auto; padding: 3px 0 5px 0; line-height: 1.3em;">

текст текст текст текст (нижний) текст текст текст текст (нижний) текст текст текст текст (нижний) текст текст текст текст (нижний) 

текст текст текст текст (нижний) текст текст текст текст (нижний) текст текст текст текст (нижний) текст текст текст текст (нижний) 

текст текст текст текст (нижний) текст текст текст текст (нижний) текст текст текст текст (нижний) текст текст текст текст (нижний) 

</div>

<!-- Место под топы -->

<a href="http://top.roleplay.ru/21090" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"><img src="http://img.rpgtop.su/rpgtop3.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a>

<!-- Конец места под топы -->
</td>
</tr>
</table>
<!-- Конец основной таблицы -->

В html-низ:

Код:

<!-- Спойлер-контейнер -->
<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>

Код:

<table table border="2" width="100%" bordercolor="aqua"> <tr><td colspan="5" width="100%"> <center> <img width="100%" src="http://savepic.su/1971322.jpg" > </Center> </td></tr>
<tr> <td colspan="5" width="100%">
<marquee><font size=6><img src="http://savepic.org/1641777.gif"><img src="http://savepic.su/2011450m.gif"><img src="http://s46.radikal.ru/i111/0909/38/9c28fad2e219.gif"><img src="http://s49.radikal.ru/i125/0909/28/48a428d6a6b2.gif"><font color=aqua><font size=5><b><font face="Times New Roman"> Дорогие гости! Добро пожаловать на Dream World, приглашаем вас на наш форум, надеемся вам у нас понравится и вы примете участие в истории ролевой!</front>  =^-^=  <img src="http://i.neoseeker.com/m/341919_photo.gif"><img src="http://savepic.org/1650992.gif" border="0" alt="Изображение - savepic.ru — сервис хранения изображений" /><img src="http://s60.radikal.ru/i167/0909/a5/a1a5cdb5ea9d.gif"><img src="http://s43.radikal.ru/i100/0909/a5/262d8957bbd6.gif"></b></font></marquee>
</td>
</tr>
<tr>
<td colspan="1" width="20%"> <center><font size="5"><b>Новости</b></font><br> <b>22.12.2012</b>Ждем новых  фанатских персонажей на нашей ролевой=)С ув.ваши админы!</center> </td> <td colspan="2" width="40%"> <center><font size="5"><b>Информация о ролевой</b></font>
<br>
<font color="#B0C4DE"> <b> <font size="3"> Рейтинг Ролевой NC-17 </font> </b> </font>
<br><b>Кратко о ролевой:</b> <i>Наша ролевая посвящена Вселенной Соника и его приключениям</i>
<br> <b>Тип:</b> <i>Словесная форумная ролевая игра (FRPG) </i>
<br> <b>Расы:</b> <i>Мобианцы, люди и другие существа с не мобианской внешностью-не желательны (возможно лишь если админы посчитают допустимым) </i>
<br> <b>Магия:</b> <i>Присутствует. </i>
<br> <b>Изумруды Хаоса:</b> <i>Имеются. </i>
<br> <b>Реклама:</b><i> Только взаимная. </i>
</center>
</td> 
<td colspan="1" width="20%"> <center><font size="5"><b>Администрация</b></font><br> <font size="3"><i>Администраторы:</i></font> <br>
<br> <a href="http://dreamworld.magicrpg.ru/profile.php?id=2">Night Angel the Dark Cat</a>
<br><a href="http://dreamworld.magicrpg.ru/profile.php?section=essentials&id=39">Arrow The Hedgehog</a>
<font size="3"><i>Модераторы:</i></font>
<br><a href="http://dreamworld.magicrpg.ru/profile.php?id=15">ЯDRiGo</a>
<br><font size="3"><i>Аватармейкеры:</i></font>
<br><a href="http://dreamworld.magicrpg.ru/profile.php?section=personal&id=407">Duke</a>
<br><a href="http://dreamworld.magicrpg.ru/profile.php?section=personal&id=579">TankaTA</a>
<br>
<font size="3"><i>Рекламщики:</i></font>
<br> Идет набор
</i></font>
<br><i><b>Гейм Мастера/Квестоплёты:</b></i>
<br><a href="http://dreamworld.magicrpg.ru/profile.php?id=556">Game Master</a>
<br>
</center>
 </td>
<td colspan="1" width="20%">  <center><font size="5"><font color="white"><b>Важные ссылки:</b></font></font>
<FORM>
<SELECT size=1 name='navigation'> 
  <OPTION value='http://dreamworld.magicrpg.ru/viewtopic.php?id=8' selected>Правила ролевой</OPTION>
  <OPTION value='http://dreamworld.magicrpg.ru/viewtopic.php?id=16'>Сюжет</OPTION>
  <OPTION value='http://dreamworld.magicrpg.ru/viewtopic.php?id=9'>Анкеты</OPTION>
  <OPTION value='http://dreamworld.magicrpg.ru/viewtopic.php?id=152'>Особые локации </OPTION>
  <OPTION value='http://dreamworld.magicrpg.ru/viewtopic.php?id=77'>Заявка на создание Особой локации</OPTION>
  <OPTION value='http://dreamworld.magicrpg.ru/viewtopic.php?id=14'>Статистика Изумрудов Хаоса</OPTION>
 <OPTION value='http://dreamworld.magicrpg.ru/viewtopic.php?id=10'>Кто нам нужен оф персы</OPTION></a>
</SELECT>
<INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="Перейти к теме" name=button>
</FORM></a>
</center>
</td>
</tr>
<tr>
<td width="20%"><font size="2"><font color="#FF4500" face="Times New Roman, Arial"><i>Просьба не регистрироваться тех кто не имеет отношения к вселенной Sonic the Hedgehog, форум игровой и создан для ролевой игры по этой тематике, особенно это касается тех кто хочет регистрировать расу "ангелов/демонов" -эти персонажи приняты НЕ будут. Для тех кто делает нагло вид что не видит что тут написано: Администрация оставляет за собой право без предупреждения удалять ваш профиль, если посчитает это нужным(!)</font></i>

</td>
<td width="20%">
<font size="4"><center>Общее время и погода</font><br>
<b>Время года:</b>Зима<br>
<b>Время суток:</b> 


<br>Понедельник - утро. Вторник, Среда, Четверг - день. Пятница, Суббота - Вечер. Воскресенье - Ночь.

<br>


<script src="http://bestof.ucoz.ru/servis/asf.js"></script><script type="text/javascript" language="JavaScript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','80','height','21','src','http://bestof.ucoz.ru/servis/clock/et003/blue.swf','quality','high','wmode','transparent','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','http://bestof.ucoz.ru/servis/clock/et003/blue.swf' ); //end AC code</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" wmode="transparent" width="80" height="21"><param name="movie" value="http://bestof.ucoz.ru/servis/clock/et003/blue.swf" /><param name="quality" value="high" /><embed src="http://bestof.ucoz.ru/servis/clock/et003/blue.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" width="80" height="21"></embed></object></noscript>
<br>

</center>
</td>
<td width="20%">
<font size="4"><center>ВНИМАНИЕ!!!</font><br>
<br>
<font color="#B0C4DE"> Если вы долго не появляетесь на форуме, не отписывая свое исчезновение в спец теме, ваш профиль может быть перенесен в категорию "пользователи", что бы возобновить игру надо обращаться админам в личку!</font>
</center>
</td>
<td width="20%">
<font size="4"><center>Мобиус</font><br>
Температура  в  Моботрополисе -5 -  10 градусов, идет легкий снег, без ветрено </center>
<font size="4"><center> <br> 
</center>
</td>
<td width="20%">
<font size="4"><center>Земля</font><br>
Температура  в Вестополисе -20 - -25 градусов, погода ветреная, все завалило снегом, метель
</center>
</td>
</tr>
<tr> <td colspan="5" width="100%"><font color="#FFDEAD" face="Times New Roman, Arial"><marquee><b><font size=3><i> Предлагаем зарегистрироваться и принять участие в нашей истории =) свободно много официальных персонажей и ждем ваших собственных =) </i></size></b></font></marquee>
 </td>
</table>