<div style="position: absolute; overflow-x: hidden; height: 290px; width:240px; top: 300px; left: 780px; COLOR: #000000; border: none; font-family: Microsoft Sans Serif; font-size: 12px; line-height: 12px; margin: 10px;"> <center> <font color=#815a00 size="4"></font><b>5 августа 2012 года:</b> Мы все еще ждем возвращения старых игроков, а также тех, кто придет к нам в первые! В игре появился первый квест и новый этап в развитии сюжета - <a href=http://rahtel.anihub.ru/viewtopic.php?id=127#p5508>Восстание Маршала Ди Тича</a>. Из-за этого появились еще несколько новых тем, а именно, наборы в команды <a href=http://rahtel.anihub.ru/viewtopic.php?id=128>Шанкса</a>, <a href=http://rahtel.anihub.ru/viewtopic.php?id=129>Михоука</a>, <a href=http://rahtel.anihub.ru/viewtopic.php?id=130>Тича</a>.<br><b>3 августа 2012 года:</b> Да-да, мы снова открылись! Не смог Зоро долго существовать без своего любимого проекта! Всех, кто хочет вернуться, просим регистрироваться заново, а потом в ЛС говорить за кого играли, чтобы мы восстановили Ваши анкеты. Для тех же, кто пришел к нам первый раз есть акции!<br><br></font><b>10 декабря 2011 года:</b> Игра возобновляет свою работу, мы ищем новых накама и ждём появления старых. Так же очень ждём человека на роль Зоро, Санджи и всех канонов. 
<b>31 августа 2011 года:</b> В этот раз достаточно грустные новости. Нас покинул Санджи, что, безусловно, жалко. Надеемся, Санджи, что ты еще вернешься! А пока мы ждем игроков на его роль.
<br>Что до хода игры, то у нас завершился первый этап и Луффи и Ко приняли решение отплывать от Рахтеля. Что будет дальше - присоединяйся и узнай!
<br>
<b>29 августа 2011 года:</b> В игру в срочном порядке требуются Робин и Френки, Михоук и Смокер. На всех персонажей действует акция!<br>
<b>22 августа 2011 года. </b> В этот день стартовал игровой процесс. Все игроки, получившие доступ к игре собрались в "Главном Зале". Хочешь узнать, какой план придумал Луффи и как его восприняли окружающие - региструрийся и подавай анкету!<br>
<b>Время и погода.</b> На улице сейчас тепло, примерно 25 или 27 градусов по Цельсию. С Олл Блю дует легкий бриз, спасающий жителей острова от духоты. В игре полдень, примерно 12 часов по полудню.</div>

<div style="position: absolute; overflow-x: hidden; height: 200px; width:250px; top: 340px; left: 570px; COLOR: #000000; border: none; font-family: Microsoft Sans Serif; font-size: 12px; line-height: 12px; margin: 10px;"> <br><br><center> <font color=#815a00 size="4"></font><script type="text/javascript">

/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var delay = 2000; //set delay between message change (in miliseconds)
var maxsteps=30; // number of steps to take to change from start color to endcolor
var stepdelay=40; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<b>Roronoa Zoro</b><br><a href='http://rahtel.anihub.ru/profile.php?id=2'><img src='http://upforme.ru/uploads/0010/13/7a/1036-2.png'></a><br>icq: 636786641<br>гл.администратор и дизайнер";
fcontent[1]="<b>Sanji</b><br><a href='http://rahtel.anihub.ru/profile.php?id=3'><img src='http://upforme.ru/uploads/0010/13/7a/1036-1.png'></a>";
fcontent[2]="<b>Модераторы</b><br><br>Может еще и ты?<br> ";
closetag='</div>';

var fwidth='180px'; //set scroller width
var fheight='150px'; //set scroller height

var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////


var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;


/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
  if (index>=fcontent.length)
    index=0
  if (DOM2){
    document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
    if (fadelinks)
      linkcolorchange(1);
    colorfade(1, 15);
  }
  else if (ie4)
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
  index++
}

// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com

function linkcolorchange(step){
  var obj=document.getElementById("fscroller").getElementsByTagName("A");
  if (obj.length>0){
    for (i=0;i<obj.length;i++)
      obj[i].style.color=getstepcolor(step);
  }
}

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
  if(step<=maxsteps) {	
    document.getElementById("fscroller").style.color=getstepcolor(step);
    if (fadelinks)
      linkcolorchange(step);
    step++;
    fadecounter=setTimeout("colorfade("+step+")",stepdelay);
  }else{
    clearTimeout(fadecounter);
    document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
    setTimeout("changecontent()", delay);
	
  }   
}

/*Rafael Raposo's new function*/
function getstepcolor(step) {
  var diff
  var newcolor=new Array(3);
  for(var i=0;i<3;i++) {
    diff = (startcolor[i]-endcolor[i]);
    if(diff > 0) {
      newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
    } else {
      newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
  document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent

</script></div>


<style type="text/css">
 
#menu {
padding-left: 20px
}
 
#menu A {
padding: 7px 30px 7px;
border: 1px dashed grey;
margin-right: 5px;
background: #FAE1BE;
width: 150px;
background-image: url(http://upforme.ru/uploads/000f/81/b8/3520-1.jpg);
text-decoration: none
 
}
 
#submenu {
background: #FAE1BE;
background-image: url(http://upforme.ru/uploads/000f/81/b8/3521-1-f.jpg);
border-top: 1px dashed grey;
padding: 5px;
height: 300px;
text-align: center;
font-size: 12px;
width: 700px;
}
 
.submenutext {
display: none; /* Прячем подменю */
1height: 60px
}
 
#submenu A {
color: #000000 /* Цвет ссылок в подменю */
}
 
#menu .tabactive {
 
background: #FAE1BE; /* Цвет фона активной вкладки */
border-bottom: 1px dashed grey; /* Линия под вкладками */
color: #000000 /* Цвет текста в активной вкладке */
}
 
</style>
 
<script type="text/javascript">
 
var prevmenu, prevtab
 
function subMenu(obj, menu) {
 
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
 
}
}
 
</script>



<style type="text/css">
/*
Стили для слидриона
 */
#slidorion {
	width: 768px;    	/* Установим ширину контейнера. Равна сумме ширины #slider и #accordion */
	height: 500px;    	/* Установим высоту контейнера. Равна высоте #slider и #accordion */
	position: relative;
	left: 50%;
	margin-left: -384px;
	padding: 10px;
	background: #b7b78f;
	border: 0px solid #9d9d6c;
	
}

#slider {
	width: 488px;    	/* ширина контейнера с картинками */
	height: 500px;    	/* Установим его высоту*/
	position: relative;
	float: left;
	overflow: hidden;    /* Скроем прокрутку */
}

.slider-image {
	position: relative;
}

.slider-image img {
	width: 488px;    	/* Ширина картинки*/
	height: 500px;    	/* Высота картинки */
	position: absolute;
}

#accordion {
	width: 280px;    	/* Ширина контейнера с описателем*/
	height: 500px;    	/* высота */
	font-family: Verdana;
	background: #f8f8d2;
	-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	float: left;
}

#accordion .header {   /* заголовок описания. Сложный стиль */
	height: 36px;
	color: #333;
	background: #eeeed7;
/* градиентная заливка с css*/
	background: -moz-linear-gradient(top, #f8f8d2 59%, #e8e6ca 100%);
	background: -webkit-linear-gradient(top, #d7d7b4 59%,#e8e6ca 100%);
	background: -o-linear-gradient(top, #d7d7b4 59%,#e8e6ca 100%);
	background: -ms-linear-gradient(top, #d7d7b4 59%,#e8e6ca 100%);
	background: linear-gradient(top, #d7d7b4 59%,#e8e6ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7b4', endColorstr='#dcdcdc',GradientType=0 );
/* градиентная заливка с css - конец */
	border: none;
	border-top: 1px solid #c5cc00;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#accordion .header a {    /* стиль ссылки внутри заголовка */
	background: none;
	padding: 8px 14px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

#accordion .header a:hover { /* стиль ссылки внутри заголовка при наведении */
	background: #d7d7b4;
	cursor: pointer;
}

#accordion .header a.active {  /* стиль активной ссылки внутри заголовка */
	border-bottom: none;
	background-color: #9b965f !important;
	color: #fff;
}

#accordion .content {
	height: 257px;    	/* Эту высоту нужно менять, поскольку она зависит от высоты контейнера с описанием и числа вкладок */
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #fdfddb;
	background: -moz-linear-gradient(top, #a7a77a 0%, #e3e3bb 10%);
	background: -webkit-linear-gradient(top, #a7a77a 0%,#e3e3bb 10%);
	background: -o-linear-gradient(top, #a7a77a 0%,#e3e3bb 10%);
	background: -ms-linear-gradient(top, #a7a77a 0%,#e3e3bb 10%);
	background: linear-gradient(top, #a7a77a 0%,#e3e3bb 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a77a', endColorstr='#e3e3bb',GradientType=0 );
</style>