<div style="overflow-x: hidden; overflow-y: hidden; height: 270px; position: absolute; width: 835px; top: 450px; margin-left: 0px"> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"> <table style="width: 700px; height: 100%; margin-left: 0px; margin-top:-50px;"> <td style="width: 300px; margin-left: 20px;" align="center"><br><br><br><b> Добро пожаловать в город N!</b></center><br> Мы рады приветствовать Вас на нашей ролевой, и надеемся, что Вам у нас понравится, мы сделаем всё, чтобы Вы остались довольны и задержались здесь надолго. Очень надеемся, что Вы решите к нам присоединиться. Будьте уверены - скучать не придется. Psyhodelic town - очень молодой форум, и мы надеемся, что Вы поможете нам в развитии. В честь открытия администрация объявила <b>упрощенный прием</b> для первых игроков. Спешите присоединится к нам! <br><br> <b>Администрация форума:</b><br><br> <a href="http://psyhodelictown.1bb.ru/profile.php?id=5">Daphne Gray</a> | <a href="http://psyhodelictown.1bb.ru/profile.php?id=2">John Smith</a> <br><br> <b>Модераторы:</b><br><br> <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=22">Идет набор в бобры форума!!!</a> <br> <td style="width: 300px; margin-left: 20px;" align="center"> <center><b>Активисты недели:</b> <br> <br> <a href="http://psyhodelictown.1bb.ru/profile.php?id=8"><img src="http://s2.uploads.ru/7HXcl.png"></a> <a href="http://psyhodelictown.1bb.ru/profile.php?id=12"><img src="http://s3.uploads.ru/BoTA0.png"></a> <a href="http://psyhodelictown.1bb.ru/profile.php?id=10"><img src="http://s3.uploads.ru/NquyC.png"></a> </center> <br> <b>Навигация</b> <br> <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=3">Гостевая</a> | <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=5">Правила</a> | <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=6">Занятые внешности</a> | <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=4">Сюжет</a> | <a href="http://psyhodelictown.1bb.ru/viewforum.php?id=80">Акции</a> | <a href="http://psyhodelictown.1bb.ru/viewtopic.php?id=7">Занятые имена/фамилии</a> <br><br> <center><b>Заслуживает внимания:</b></center><br> <a href="http://top.roleplay.ru/19963" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"> <img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=16942' 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=16942&today_hosts=1&total_hosts=1&cid=2006blue.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=16942&today_hosts=1&total_hosts=1&cid=2006blue.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <a href="http://alarmme.ru/" title="Alarm with LA me" target=_blank> <img src="http://uploads.ru/i/c/j/Z/cjZiL.gif"></a" border="0" alt="LA me"></a></center> </center> </td> </tr> </table> </div> <div class="slide"> <table style="width: 680px; height: 100%; margin-left: 0px;margin-top:-50px;"> <tr> <td style="width: 660px; margin-left: 100px; " align="center"> <center> <a target="_blank" href="http://virt.nc-21.ru"><img src="http://s002.radikal.ru/i197/1301/e6/090436ec71b0.jpg" ></a> <a href="http://jtc.rusff.ru" title="JTC: American dream" target=_blank> <img src="http://s3.uploads.ru/c3oJh.gif"></a" border="0" alt="JTC"></a> <a href="http://twilightlegends.rusff.ru/" target="_blank"><img src="http://s3.uploads.ru/VTvLW.png" title="Twilight Legends" border="0"></a> <a href="http://morsmordrewar.rusff.ru/" target="_blank"><img src="http://savepic.ru/3324655.gif"title="MORSMORDRE"border="0"width="88" height="31"></a> <a href=http://thedejavu.rusff.ru/><img src="http://s3.uploads.ru/IZRSA.gif" border="0" alt="THE TWILIGHT SAGA: DEJA VU"width=88 height=31 border></a> <a href="http://citytemptation.rusff.ru/"><img src="http://s2.uploads.ru/iNBdS.gif"/></a> <a href="http://glee.f-rpg.ru/" target="top_"> <img src="http://s3.uploads.ru/v83Kk.gif" alt="GLEE" border="0" width="88" height="31"></a> <a href="http://colorforum.ru" title="Колорфорум любит тебя!" target=_blank> <img src="http://forumstatic.ru/files/000c/77/06/72214.gif" border="0" alt="COLOR FORUM"></a> </td> </tr> </table> </div> <div class="slide"> <table style="width: 680px; height: 100%; margin-left: 0px; margin-top:-50px;"> <td style="width: 300px; margin-left: 20px;" align="center"> <b>В игре:</b><br><br> � Игровая дата: Февраль, 2013 год<br> � Погода: В начале февраля ожидается низкая температура, 7-9 градусов по Цельсию. К середине февраля ожидается потепление, но кратковременные дожди. К концу февраля будет солнечно, температура будет варьироваться от 11 до 15 градусов по Цельсию.<br><br> <b>Основные квесты:</b> </center> <td style="width: 300px; margin-left: 20px;" align="center"> <b>Конкурсы и голосования:</b> </center> </td> </tr> </table> </div> </div></div></div> <style> #slideshow { margin:0 auto; width:680px; height:300px; background:transparent url(картинка на фон) no-repeat 0 0; position:relative;} #slideshow #slidesContainer { margin:0 auto; width:835px; height:300px; position:relative;} #slideshow #slidesContainer .slide { margin:0 auto; width:660px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ overflow-y:auto; /* поддержка прокрутки */ height:300px; text-align: center;} .control { cursor: pointer; display: block; height: 89px; position: absolute; text-indent: -10000px; width: 90px; z-index: 100;} #leftControl { left: -100px; top: 93px; background:transparent url(http://s1.uploads.ru/nwxmP.png) no-repeat 0 0;} #rightControl { top: 93px; right:-106px; background:transparent url(http://s1.uploads.ru/1Mmi8.png) no-repeat 0 0;} .slide h3 {margin:10px 0 10px 0; text-transform: uppercase; font-family: 'times new roman'; font-size: 16px; border-bottom: 2px groove #fff;}</style> <script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 800; 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>