Код:
<script src="http://hostjs-mybb2011.narod.ru/js/Deff_BigPalette.js"></script> <style type="text/css"> <!-- #slideshow { margin:0 auto; width:500px; height:263px; background:transparent url(http://uploads.ru/i/g/v/k/gvksd.png) repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:470px; height:263px; overflow:auto; /* поддержка прокрутки */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:400px; /* На двадцать пикселев меньше чем ширина #slidesContainer */ height:263px; } .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } #leftControl { top:0; left:0; background:transparent url("http://www.iconsearch.ru/uploads/icons/oxygen/32x32/arrow-left.png") no-repeat 0 0; top: 10px; } #rightControl { top:0; right:0; background:transparent url("http://www.iconsearch.ru/uploads/icons/oxygen/32x32/arrow-right.png") no-repeat 0 0; top: 10px; } .slide h2, .slide p { margin:5px; } .slide img { float:center; margin:5px; } --> </style> <style type="text/css"> .pa-avatar, .pa-title { text-align: center;} .pa-author { text-align: center;} </style> <style> .spellow a {display: inline-block; width: 27px; color: #000; background-color: #c2c2c2; text-align: center; font-size: 0.7em; padding: 2px 2px 2px 2px; margin-top: 3px; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;} .spellow a:hover{background-color: #6c6e5e; text-decoration: none;} </style> <style type="text/css"> .lastedit {font-size:0.8em;} </style> <style type="text/css"> .pa-adnote{ text-align: center; font-size: 0.9em; } .pa-from{ text-align: center; font-size: 0.9em; } .pa-reg{ text-align: center; font-size: 0.9em; } .pa-posts{ text-align: center; font-size: 0.9em; } .pa-reputation{ text-align: center; font-size: 0.9em; } .pa-sex{ text-align: center; font-size: 0.9em; } .pa-icq{ text-align: center; font-size: 0.9em; } .pa-ip{ text-align: center; font-size: 0.9em; } .pa-respect{ text-align: center; font-size: 0.9em; } .pa-positive{ text-align: center; font-size: 0.9em; } .pa-online{ text-align: center; font-size: 0.9em; } .pa-age{ text-align: center; font-size: 0.9em; } .pa-mailagent{ text-align: center; font-size: 0.9em; } .pa-reg { text-align: center; font-size: 0.9em; } .pa-time-visit{ text-align: center; font-size: 0.9em; } .pa-last-visit{ text-align: center; font-size: 0.9em; } .pa-fld1{ text-align: center; font-size: 0.9em; } .pa-fld2{ text-align: center; font-size: 0.9em; } .pa-fld3{ text-align: center; font-size: 0.9em; } .pa-fld4{ text-align: center; font-size: 0.9em; } .pa-fld5{ text-align: center; font-size: 0.9em; } </style> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f30{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f31{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f35{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f42{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f33{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f40{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f38{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f36{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f34{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f41{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f32{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f39{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f37{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f43{display:none}</style>") </script> <script language="JavaScript"> str=document.URL if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php") document.write("<style>#forum_f44{display:none}</style>") </script>
Код:
<script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 470; 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> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.Hoverbuttons').each(function () { var $span = $(this).css('opacity', 0.3); $(this).hover(function () { $span.stop().fadeTo(600, 1); }, function () { $span.stop().fadeTo(600, 0.3); }); }); }); </script>
Код:
<br><br> <center><table width=600px> <tr><td width="170px"> <style> .nav {margin: 2px;} .nav a{display: block; color:#000000; background-color: #c2c2c2; text-align: center; width:200px; padding: 4px; margin: 1px; font-family: font-size: 15px; cambria; text-transform: uppercase; font-style: italic; letter-spacing: 1px; text-decoration: none; border-left-style: solid; border-left-color: #918f8f; border-right-width: 5px;border-right-style: solid; border-right-color: #918f8f; border-right-width: 3px; cursor:crosshair;} .nav a:hover{background-color: #eff1e0; color:#6c6e5e;} </style> <div class="nav"> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=5#p5"><b>Правила форума</b></a> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=6"><b>Сюжет</b></a> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=13"><b>Список ролей</b></a> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=2#p76"><b>Задать вопрос</b></a> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=4"><b>Занять роль</b></a> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=18#p34"><b>Шаблон анкет</b></a> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=19#p35"><b>Action#o1 - Give the kanon!</b></a> <a href="http://narutoshugotenshi.rolka.su/viewtopic.php?id=16#p32"><b>Набор в админку</b></a> </div> </td> <td width="400px";> <div id="pageContainer"> <!-- Slideshow HTML --> <div id="slideshow"> <div id="slidesContainer"> <div class="slide"; align="center"> <br> <center><b>НОВОСТИ ФОРУМА:</b></center> <br>Приветствуем вас на нашем новом форуме по замечательному фендому - Наруто. Рады сообщить, что форум открыт и ждёт своих пользователей. Перед регистрацией загляните в темы востребованных персонажей и список ролей. Так же открыт набор в ряды администрации. <br>» Игроки, желающие занять роль Наруто, Саске или Хинаты, сначала напишите администрации, так как некоторые пункты их биографии в сюжет ещё не вписаны. <br>» Внимание! Если при регистрации на вашу почту долго не приходит письмо с паролем, обращайтесь в гостевую тему. Вам обязательно помогут. <br> <b>Рейтинг:</b> NC-17;<br> <b>Тип игры:</b> Эпизодический <br><br> <a href="http://top.roleplay.ru/17281" title="Рейтинг Ролевых Ресурсов - RPG TOP" target="top_"> <img src="http://img.rpgtop.su/88x31x11x8.gif" alt="Рейтинг Ролевых Ресурсов - RPG TOP" border="0" width="88" height="31"></a> <a href="http://forum-top.ru/vote/756" title="Поддержать форум на Forum-top.ru" target="blank"><img src="http://forum-top.ru/uploads/buttons/forum-top_88x31_2.gif" alt="Поддержать форум на Forum-top.ru" /></a> </center> </div> <div class="slide"; align="center"> <b>СОБЫТИЯ В ИГРЕ:</b> <br><br> события <br><br> <b>ПОГОДА:</b> <br>Странным образом, не смотря на то что весна только вступила в свои права, снег уже сошёл во многих районах. Коноха полностью залита лужами, в Аме, не переставая, льёт дождь или сыплет мелкий снег. Суна, как и в любое время года, может похвастаться теплым домом. Собственно, на данный момент время суток - утро, на улице стоит от 10 до 17 градусов по Цельсию. <br> </div> <div class="slide"; style="text-align:justify"> <center><br> <b>АДМИНИСТРАТОРЫ:</b><br> <table> <tr> <tr> <td width: "25%"> <a href="http://narutoshugotenshi.rolka.su/profile.php?id=2"><img src="http://uploads.ru/i/A/W/S/AWSzn.jpg" class="Hoverbuttons"/></a> </td> <td width: "25%"> <a href="http://narutoshugotenshi.rolka.su/profile.php?id=3"><img src="http://uploads.ru/i/0/b/V/0bVMf.jpg" class="Hoverbuttons"/></a> </td> <td width: "25%"> <a href="http://narutoshugotenshi.rolka.su/profile.php?id=5"><img src="http://uploads.ru/i/s/V/Z/sVZjC.jpg" class="Hoverbuttons"/></a> </td> </tr> </table> <b><BR>МОДЕРАТОРЫ:</b><br> <a href="http://narutoshugotenshi.rolka.su/profile.php?id=4"><img src="http://uploads.ru/i/m/Q/a/mQa7E.jpg" class="Hoverbuttons"/></a> </div> </div> <div class="slide"; align="center"> <BR> <br><b>БАННЕРЫ ПАРТНЕРОВ:</b> <BR><BR> побежали баннеры </div> </td> </tr> </table></center>