<!--====== Начало Таблички ========= -->
<style> /* Сама таблица */
#table_01 {
  margin: 0px 0 0px 0px;
  width:680px;
  height:384px;
  background: url(http://savepic.org/800510.jpg) left top no-repeat;
}/* Картинка под таблицу 680 x 384 */
</style>

<style> /* Кнопки */
.My_button {
  font-size:18px;
  font-weight:bold;
  font-style: oblique;
  color: #9090A0;
  font-family: 'Arial Unicode MS';
}
</style>

<style> /* Стиль всплывающего меню */
td .container1 {height: 260px; position:relative;margin-top:6px; width:354px; background: #DCDAE6; z-index: 1000; border: 2px solid #D2B48C; font-size: 12px; font-family: 'Lucida Sans Unicode'; text-align: center;

/* Прозрачка в Всплывающем меню */
background-color: transparent !important; background-image: url("http://s001.radikal.ru/i194/1009/0b/6bac13263a76.png"); 
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

     box-shadow:0px 5px 14px #8B6C52;
    -webkit-box-shadow:0px 5px 14px #8B6C52;
    -khtml-box-shadow:0px 5px 14px #8B6C52;
    -moz-box-shadow:0px 5px 14px #8B6C52;
    /*text-shadow: #FFFFFF 1px 1px 4px !important;
    color: #color: #000000 !important;*/

   } /* Конец Стиля всплывающего меню */
</style>
	<center><table id="table_01" cellspacing="0" cols="4" rows="3" border="0">
	<tbody>
	<tr  cellspacing="0" valign="center">
	   <td colspan="4"  style="height:55px;/*border:1px #000 solid!important;*/">

<!-- &&&Бегущая строка -->
<center><marquee id="abs2" width="98%" direction="left" behavior="scroll" scrollamount="2" onmouseout="document.all.abs2.start()" onmouseover="document.all.abs2.stop()"><span style="color: #890DCE; text-shadow: #958BD0 -1px -1px 2px;"><span style="font-size: 24px"><span style="font-family: Times New Roman"><span style="font-style: italic"><strong>

<!-- Бегущая Строка == Начало Заполнения пункта -->

Приветствуем тебя гость! Сейчас ты находишься на главной странице нашего 
форума. Не поленись. Зарегистрируйся и вливайся в нашу игру. Лучшая игра и сюжеты по КА - Древнее Начинание!

<!--ХХ Конец Заполнения пункта -->
</strong></span></span></span></span></marquee></center>

	   </td>
	</tr >
	<tr  сols="4" align="center" valign="center" cellspacing="0"  style="height:55px" border="0">
<!-- &&&Кнопки -->
	   <td id="butt_1" width=24%   height="55" style="/*border:1px #000 solid!important;*/">
<!-- Имя 1-й Кнопки -->
<span class="My_button">Администрация</span>

	   </td>
	   <td id="butt_2" width=24%   style="/*border:1px #000 solid!important;*/">
<!-- Имя 2-й Кнопки -->
<span class="My_button">События</span>

	   </td>
	   <td id="butt_3" width=24%   style="/*border:1px #000 solid!important;*/">
<!-- Имя 3-й Кнопки -->
<span class="My_button">Для пиарщиков</span>

	   </td>
	   <td id="butt_4" width="192"   style="/*border:1px #000 solid!important;*/">
<!-- Имя 4-й Кнопки -->
<span class="My_button">Сюжет</span>

	   </td>
	</tr>
	<tr  align="center" valign="top" height="287">
	<!--&&&Картинка+тексты-->
	   <td colspan="3" valign="top" align="center"  cellspacing="0" cellpadding="0" style="background: url(Картинка не более 463х277 пиксел) center no-repeat;/*border:1px #000 solid!important;*/;">

<!-- =============&&&info-block-->
<center><div id="info-block"  align="center" style="font-style: normal!important!"><div class="span" style="width:365px;">
<!-- ... -->
   <div class="container1" id="001" style="0;display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" size="2"><b>[Администрация]</b></font></center>
	<div id="ner1" style="padding-right:12px; margin: 45px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:14px;font-weight:bold; color: #890DCE/**/;">

<!-- Администраторы и модераторы на ролевой == Начало Заполнения пункта -->

<br>   <font color="red"><b> Администраторы:</b></font>  <br> <i>  Звездная Линь - глав.админ.</i>
<br> <i>`february. - заместитель гл.админа и создатель сего дизайна</i>
<br> <i>Льдистый Путь</i>
<br>   <font color="red"><b> PR-агенты:</b></font>  <br> <i>Поиск</i>
<br>   <font color="red"><b> Срочно требуются:</b></font><br> <i> PR-агенты</i></p><<br><br><br><br>

<!--ХХ Конец Заполнения пункта -->

	</div>

   </div>
<!-- ... -->
   <div  class="container1" id="002" style="display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" style="font-size:14px"><b>[События и Сюжет на ролевой]</b></font></center>
	<div  id="ner1" style="padding-right:12px; margin: 33px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:12px;font-weight:bold; color: #7C5F3B/**/;">

<!-- События и Сюжет на ролевой == Начало Заполнения пункта -->
<br/>
Добро пожаловать на наш форум по КВ. Он только что открылся и на нем полно свободных ролей. Сюжет еще не установлен, но мы надеемся, что ты поможешь в его написании. Или хотя бы решишь, отыгрывать его или нет. Также, если вам что-то не нравится, то прошу скажите мне это прямо, а не сидите просто так и смотрите, когда же я это заменю. Ведь я даже не знаю что менять, а что добавлять. В общем, Добро Пожаловать!!!<br><br><br><br>

<!--ХХ Конец Заполнения пункта -->

	</div>

   </div>
<!-- ... -->
   <div class="container1" id="003" style="display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" style="font-size:14px"><b>[Для пиарщиков]</b></font></center>
	<div  id="ner1" style="padding-right:12px; margin: 33px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:13px;font-weight:bold; color: #1A7C15/**/;">

<br/>
<marquee id="abc" height="190px" direction="up" behavior="scroll" scrolldelay="203" scrollamount="2" onmouseout="document.all.abc.start()" onmouseover="document.all.abc.stop()">
    <div align="left" class='lipsum' style="width:290px; margin-left: 0px; ">


<!-- == Пиарщики и партнеры  == Начало Заполнения пункта -->

<center><font color="red"><b>Реклама</b></font></center><br>
<center><p><i>Дорогие рекламщики, вы можете рекламить, зайдя:</i></p></center><br>
<center><p><i>Ник: Реклама</i></p></center><br>
<center><p><i>Пароль: 1111</i></p></center><br>
<center><p><i>Реклама только взаимная! Всё проверяется лично мной.</i></p></center><br>
<center><hr size="1" width="80%" color="red"></center>


<!--ХХ Конец Заполнения пункта -->

       </div>
     </marquee>   

	</div>

   </div>
<!-- ... -->
   <div class="container1" id="004" style="display: none;/**/">
<center style="margin: 20px 0 -34px 0;"><font color="red" style="font-size:14px"><b>[Сюжет]</b></font></center>
	<div   id="ner1" style="padding-right:12px; margin: 33px 0px 3px 31px; width: 300px; height: 206px; text-align: justify; overflow-y: auto; overflow-x: hidden;font-size:12px;font-weight:bold; color: #763EA0;">

<!-- Сюжет == Начало Заполнения пункта -->
<br/>
Итак, сюжет только в процессе разработки, и мы надеемся вы помощете нам в егоном написании!<br><br><br><br>

<!--ХХ Конец Заполнения пункта -->

	</div>

   </div>
<!-- ... -->
</div></div></center>
	   </td>
	   <td align="center" valign="top" colspan="1"  width="192"   style="padding-top:12px; /*border:1px #000 solid!important;*/">
<!-- &&&Лифт текста -->
	<div style="width: 190px; height: 250px; text-align: justify; overflow-y: auto; overflow: hidden;">
<marquee id="abc33" height="250" direction="up" behavior="scroll" scrolldelay="203" scrollamount="2" onmouseout="document.all.abc33.start()" onmouseover="document.all.abc33.stop()">
    <div align="left" class='lipsum' style="width:176px; margin-left: 10px; font-size:14px; color: #3EB41F/**/;text-shadow:#171746 1px 1px 1px; ">


<!-- == Крайняя правая колонка Движущийся текст == Начало Заполнения пункта -->

<i><b><p  align="center"><font color="yellow"><u>Для гостей:</u><br/> Добро пожаловать на ролевую по Котам-Воителям - Древнее Начинание! Надеюсь вам понравился наш форум и вы зарегестрируетесь у нас. А если вы все же решите пройти мимо, то пожалуйста оставте свой коментарий: Почему вы так сделали?</p>
</font></b><font color="maroon"></font></i>
<br>
<i><b><p  align="center"><u>Для администраторов и модераторов:</u><br/> <span style="color:red">Дорогие<br/> администраторы и модераторы.</span></p></b> Не забывайте, что вы поставленны на свои должности, чтобы следить за порядком. Поэтому настоятельно прошу, выполняйте правила. Также следите за обновлениями в форуме: " Техничка"</i>
<br/> <br/>
<p  align="center"><i><u><span style="color: red"><b>Для участников:</b></span></u></p>Сейчас ведётся набор в модераторы, пиар агенты и в администраторы. А также создаётся сюжет. И если вы хотите быть важным в игре, то не забудьте помочь в его создании. Ещё, до сих пор, ведутся строительные работы. Если что-то не загружается пишите в соответствующий раздел или ко мне в личку. Всем удачной и интересной игры.</i><br/><br/>

<center><font color="red"><b>[Реклама]</b></font></center><br>
<center><p><i>Дорогие рекламщики, вы можете рекламить, зайдя:</i></p></center><br>
<center><p><i>Ник: Реклама</i></p></center><br>
<center><p><i>Пароль: 1111</i></p></center><br>
<center><p><i>Реклама только взаимная! Всё проверяется лично мной.</i></p></center><br>
<center><hr size="1" width="80%" color="red"></center>

<!--ХХ Конец Заполнения пункта -->
     </marquee></div>  
	   </td>
	</tr>
	</tbody>
	</table></center>

<!-- &&&Cкрипт сворачивания - разворачивания -->
<script type="text/javascript">
$(document).ready(function(){

$('#butt_4').click(function () {
$('div.span>div.#004').show(1000);
$('div.span>div.#003').hide(800);
$('div.span>div.#002').hide(800);
$('div.span>div.#001').hide(800);});

$('#butt_3').click(function () {
$('div.span>div.#003').show(1000);
$('div.span>div.#004').hide(800);
$('div.span>div.#002').hide(800);
$('div.span>div.#001').hide(800);});


$('#butt_2').click(function () {
$('div.span>div.#002').show(1000);
$('div.span>div.#004').hide(800);
$('div.span>div.#003').hide(800);
$('div.span>div.#001').hide(800);});

$('#butt_1').click(function () {
$('div.span>div.#001').show(1000);
$('div.span>div.#004').hide(800);
$('div.span>div.#003').hide(800);
$('div.span>div.#002').hide(800);});
});
</script>
<!-- &&&Конец Cкрипта -->
<!--============== Конец Таблички =========== -->

<table width="850px" height="450px" border="1px">
<tr><td width="33%" align="center" >Администраторы</td><td rowspan="6" width="ширина картинки в px"><img src="адрес картинки"></td>
<td width="33%" rowspan="2" align="center"> Приветствие </td></tr>
<tr><td width="33%" rowspan="2" align="center"> Модераторы</td>
<tr><td  width="33%" rowspan="3" align="center"> Погода на ролевой</td></tr>
<tr><td  width="33%" rowspan="2" align="center"> Лучшие участники </td></tr>

</table>