HTML-верх
Код:
<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://forumupload.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://forumupload.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://forumupload.ru/uploads/000f/81/b8/3520-1.jpg); text-decoration: none } #submenu { background: #FAE1BE; background-image: url(http://forumupload.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>