<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

.my_table td {
  text-align: center;
  vertical-align: top;
  border: 1px solid;}

.my_table h3 {
  font: 17px 'times new roman',serif;
  font-weight: bold;
  margin: 5px 0 5px 0;}
</style>

<table class="my_table" style="width: 100%; border: 1px solid;" cellpadding="5" cellspacing="2">
<tr>
<td colspan="4">

<h3>Коты-воители: Жизнь начинается</h3>

</td>
</tr>
<tr>
<td style="width: 33%;" rowspan="2">

<h3>Новости</h3>

<p>Сегодня: 25 мая 2012года, пятница. В этот день все темы будут чистится! Также может быть придется редактировать сообщения!</p>
<p><b>О племени</b> У нас появились темки "о племени"</p>
<b>Всем!</b>
<p>Всем зайти в "играющие имена для сюжета"</p>
<br/>
<b>Гостям:</b> дорогие гости, не стоим, а тыкаем на кнопочку "Регистрация"! Я просто уверенна, что вам у нас понравится! Добрые админы, интересный сюжет и мало занятых ролей... Конечно, эти фразы давно избиты, но у нас все именно так! Чего уж правду скрывать =)
<br/>
<i>... И да начнется жизнь в нашем лесу...</i>

</td>
<td style="width: 33%; padding: 0px;" rowspan="2" colspan="2">

<img style="width: 400px; width: 100%; margin-bottom: -2px;" src="http://cs11295.userapi.com/u69498262/-6/x_27a56e3d.jpg"/>

</td>
<td style="width: 33%; height: 151px;">

<h3>Время</h3>

текст

</td>
</tr>
<tr>
<td style="width: 33%; height: 151px;">

<h3>Погода</h3>

Начался сезон Юных Листьев. Солнечно и, конечно же, больше дичи.

</td>
</tr>
<tr>
<td rowspan="2">

<h3>Доска почёта</h3>

текст

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

<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<h3>Наши друзья</h3></a><div style="display: none"> 


Тут баннеры


</div></div>

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

<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<h3>Администраторы</h3></a><div style="display: none"> 


<strong>Гл. админ</strong> - Синяя Звезда
<br/>
<strong>Зам. гл. админа</strong> - Терракот, Огненная Звезда


</div></div>

</td>
<td rowspan="2">

<h3>Доска позора</h3>

текст

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

<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<h3>Наши помощники</h3></a><div style="display: none"> 


Баннеры


</div></div>

</td>
<td>

<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; 
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"> 
<h3>Модераторы</h3></a><div style="display: none"> 


Нет таких


</div></div>

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

<style type="text/css">
#pun-announcement .container {padding-top: 1em}
</style>

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:750px;
height:260px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:690px;
  height:260px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:670px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:260px;
  text-align: center;
}
.control {
  display:block;
  width:28px;
  height:33px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:113px;
  left:1px;
  background:transparent url(http://uploads.ru/i/T/n/0/Tn0ce.png) no-repeat 0 0;
}
#rightControl {
  top:113px;
  right:1px;
  background:transparent url(http://uploads.ru/i/Y/K/V/YKVRC.png) no-repeat 0 0;
}
.slide h3 {font-family: 'comic sans ms', cursive; font-size: 16px; font-weight: bold; margin: 6px 0 6px 0;}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<h3>Админы</h3>

<a href="http://theavengers.rolka.su/profile.php?id=2"><img src="http://uploads.ru/i/U/w/R/UwRqo.gif" title="Astrid"></a>
<a href="http://theavengers.rolka.su/profile.php?id=15"><img src="http://uploads.ru/i/J/W/k/JWkZ8.gif" title="Cinna Antoniou"></a>
<a href="http://theavengers.rolka.su/profile.php?id=14"><img src="http://uploads.ru/i/d/6/H/d6HuU.gif" title="Sigrun Jespersen"></a>
<a href="http://theavengers.rolka.su/profile.php?id=25"><img src="http://uploads.ru/i/Y/q/s/Yqsgj.gif" title="Bruce Banner"></a>
<a href="http://theavengers.rolka.su/profile.php?id=23"><img src="http://uploads.ru/i/Z/o/E/ZoEnf.gif" title="Jack Hudec"></a>

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

<h3>Модераторы</h3>

<a href="http://theavengers.rolka.su/profile.php?id=39"><img src="http://uploads.ru/i/I/0/z/I0zvs.gif" title="Elektra"></a>
<a href="http://theavengers.rolka.su/profile.php?id=27"><img src="http://uploads.ru/i/5/M/E/5MEY3.gif" title="Thor Odinson"></a>
<a href="http://theavengers.rolka.su/profile.php?id=34"><img src="http://uploads.ru/i/E/o/d/EodLU.gif" title="Loki Laufeyson"></a>

</td>
</tr>
<tr>
<td colspan="2">

<h3>Ава-мейкер и Пиарщик</h3>

<a href="http://theavengers.rolka.su/profile.php?id=31"><img src="http://uploads.ru/i/O/q/K/OqK7n.gif" title="Bruce Ellington"></a>
<a href="http://theavengers.rolka.su/profile.php?id=31"><img src="http://uploads.ru/i/O/q/K/OqK7n.gif" title="Bruce Ellington"></a>

</td>
</tr>
<tr>
<td colspan="2">

<!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t19.5;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet: показано число просмотров за 24"+
" часа, посетителей за 24 часа и за сегодня' "+
"border='0' width='88' height='31'><\/a>")
//--></script><!--/LiveInternet-->

<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=15549' 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=15549&today_hosts=1&total_hosts=1&cid=2006orange.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=15549&today_hosts=1&total_hosts=1&cid=2006orange.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a>

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

<a href='http://wizardtop.ru/in.php?id=1540' target='_blank' title='Волшебный рейтинг игровых сайтов'><img src='http://wizardtop.ru/b/1.gif' border='0' width='88' height='31' alt='Волшебный рейтинг игровых сайтов'></a>

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

      </div>
<div class="slide">

<table style="width: 100%; height: 100%;">
<tr>
<td style="width: 50%;">

<h3>Best of the best</h3>

<a href="http://theavengers.rolka.su/profile.php?id=2" title="Astrid"><img src="http://s019.radikal.ru/i607/1206/61/b027ad003026.png"></a>
<a href="http://theavengers.rolka.su/profile.php?id=15" title="Cinna Antoniou"><img src="http://s017.radikal.ru/i420/1206/9d/a03deb97b920.png"></a>
<br/>
<a href="http://theavengers.rolka.su/profile.php?id=4" title="Pepper Potts"><img src="http://s58.radikal.ru/i161/1206/87/df0d313cb4d0.png"></a> 

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

<h3>Новости и объявления</h3>

<div style="width: 100%; height: 220px; overflow-y: auto;">

<b>Внимание гости! Мы  ищем: Тони Старка, Пеппер Поттс, Стива Роджерса, Марию Хилл, Наташу Романофф, Гарри Озборна и Фила Колсона! Данные аккаунты уже зарегистрированы, вам нужно только обратиться в гостевую, чтобы занять их. Там же администрация скажет вам, что требуется для приема в игру.</b>
<br/><br/><br/>
В игру срочно требуются Асы-отступники,  полный состав Гидры-2 и Вся команда Мстителей, кроме Тора и Николаса Фьюри! Приём данных персонажей происходит по упрощённой анкете. За взятие одного из нужных персонажей игрок получает уважение и любовь администрации, значимое место в сюжете и пять плюсов в репутацию. Также есть свободный персонаж с зарегистрированным уже аккаунтом -  Александр Рэйн (Гидра-2). Если вы хотите взять данного героя, обратитесь в тему беседка - администрация скажет вам, что для этого надо.

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

      </div>
<div class="slide">

<br/><br/><br/><br/><br/>

<h3>Партнёры форума</h3>

<a href="http://marvelrestart.rusff.me/" title="Marvel: Restart"><img src="http://uploads.ru/i/W/b/K/WbKoJ.gif"></a>
<a href="http://queerasfolk.mybb.by/" title="Близкие друзья. Последняя история" target="_blank"><img src="http://10pix.ru/img1/4601/5609762.gif"></a>
<!-- CF&PR BANNER ROTATION -->
<a href="http://whitepiar.ru" target="_blank"><img src="http://uploads.ru/i/g/F/l/gFlV4.jpg"></a><script type="text/javascript" src="http://colorforum.ucoz.ru/rtr/2"></script><a href="http://colorforum.ru" target="_blank"><img src="http://uploads.ru/i/y/2/0/y20mK.jpg"></a>
<!-- CF&PR BANNER ROTATION -->
<a href="http://whitepiar.ru" title="Здесь может быть ваша реклама!" target=_blank> <img src="https://forumstatic.ru/files/0010/0e/ae/72982.gif" border="0" alt="White PR"></a>
<a href="http://starwarsreborn.rusff.me/" target="_blank"><img src="http://uploads.ru/i/C/l/J/ClJmu.gif" border="0" alt="Star Wars. Reborn"/></a>
<a href="http://geneticwarx.rusff.me/" target="_blank" title="GENETIC WAR X"><img src="http://uploads.ru/t/V/O/e/VOeos.gif"></a>
<a target="_blank" href="http://weaponx.forumrpg.ru/"><img src="https://forumstatic.ru/files/0011/7a/7b/31843.gif" title="Weapon X | The Last Hunt"></a>
<a target="_blank" href="http://marvelrevival.rusff.me/"><img src="http://xmage.ru/images/tumblrlttx.gif"></a>

      </div>
</div></div><!--End// Cлайдер-->

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 690;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:640px;
height:260px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:532px;
  height:260px;
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:512px; /* На двадцать пикселев меньше чем ширина #slidesContainer */

  height:260px;
  text-align: center;
}
.control {
  display:block;
  width:50px;
  height:54px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
}
#leftControl {
  top:105px;
  left:0;
  background:transparent url(http://jpegshare.net/images/75/75/75753192d0af811a8a0376943b70d606.png) no-repeat 0 0;
}
#rightControl {
  top:105px;
  right:0;
  background:transparent url(http://jpegshare.net/images/17/0a/170a6cdd1948dff7ce24368a0eea3893.png) no-repeat 0 0;
}

.slide h3 {font-weight: bold; font-size: 120%; margin: 5px 0 5px 0;}

.slide table td {text-align: center; vertical-align: top;}

.ad-sostav img {width: 55px; height: 55px; margin: 0px;}
</style>
<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">

<table style="width: 100%; height: 100%;" cellpadding="10" cellspacing="5">
<tr>
<td style="width: 50%;">

<h3>Приветствие</h3>

текст

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

<h3>Администраторы</h3>

<div class="ad-sostav" style="width: 100%;">

<a href="http://masla.rolka.su/"><img src="http://jpegshare.net/images/03/cc/03cc70ed69fab727c662d58ca8c8c6d4.png"/></a>
<a href="http://masla.rolka.su/"><img src="http://jpegshare.net/images/03/cc/03cc70ed69fab727c662d58ca8c8c6d4.png"/></a>

<h3>Модераторы</h3>

<a href="http://masla.rolka.su/"><img src="http://jpegshare.net/images/03/cc/03cc70ed69fab727c662d58ca8c8c6d4.png"/></a>
<a href="http://masla.rolka.su/"><img src="http://jpegshare.net/images/03/cc/03cc70ed69fab727c662d58ca8c8c6d4.png"/></a>
<a href="http://masla.rolka.su/"><img src="http://jpegshare.net/images/03/cc/03cc70ed69fab727c662d58ca8c8c6d4.png"/></a>

</div>

<h3>Счетчики</h3>

banner banner banner

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

      </div>
<div class="slide">

<table style="width: 100%; height: 100%;" cellpadding="10" cellspacing="5">
<tr>
<td style="width: 50%;">

<h3>Полезные ссылки</h3>
<br/><br/>
<a href="link">Сюжет</a>
<br/><br/>
<a href="link">Правила</a>
<br/><br/>
<a href="link">Роли</a>

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

<h3>Новости форума</h3>

<div style="width: 99%; height: 200px; overflow-y: auto;">

текст текст текст текст

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

      </div>
<div class="slide">

<h3>Партнёры проекта</h3>

banner banner banner banner

      </div>
</div></div><!--End// Cлайдер-->

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 532;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

.nekko td {text-align: center; vertical-align: top;}
.nekko h3, .nekko span {font-weight: bold; font-size: 16px; font-family: 'times new roman', serif; margin: 5px 0 5px 0;}
.nekko span {color: green; font-size: 20px;}
</style>

<table class="nekko" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">

<span>Я хозяин, а ты мой нэко...</span>

</td>
</tr>
<tr style="height: 200px;">
<td style="width: 25%;">

<h3>Главное</h3>

<br/><br/>
<a href="ссылка на тему">Тема 1</a>
<br/><br/>
<a href="ссылка на тему">Тема 2</a>
<br/><br/>
<a href="ссылка на тему">Тема 3</a>
<br/><br/>
<a href="ссылка на тему">Тема 4</a>
<br/><br/>
<a href="ссылка на тему">Тема 5</a>

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

<img style="width: 100%; margin-bottom: -2px;" src="http://s1.uploads.ru/i/7/q/W/7qW0B.jpg"/>

<div>
<h3>Погода и время</h3>

текст

</div>

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

<h3>Админы</h3>

текст

</td>
</tr>
<tr style="height: 200px;">
<td>

<h3>Новости</h3>

текст

</td>
<td>

<h3>Модераторы</h3>

текст

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

<style>
#pun-title table {background-position: top center; height: 300px;}
</style>