Код:
<style type="text/css">#pun-navlinks { margin-top: -252px;}</style> <script type="text/javascript"> $(document).ready(function(){ var currentPosition = 0; var slideWidth = 424; 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>
Код:
/* CS1 Background and text colours -------------------------------------------------------------*/ body {background:#272727 url(http://uploads.ru/i/q/J/x/qJxbH.jpg) repeat top center; } /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: transparent; color: #272727; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: #272727; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: transparent; color: #dadada; font-weight: normal; text-align: center; font-size: 1.4em; font-family: cambria; letter-spacing: -1px; text-transform: uppercase; height: 40px; background-image: url("http://uploads.ru/i/w/j/F/wjFAt.jpg"); background-repeat: no-repeat; background-overflow-x: hidden; background-position: center; } #pun-redirect h1 {background-image: none; margin-bottom:-40px; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; color: #272727; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: transparent; color: #272727 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transparent; color: #272727 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box {background:transparent url(http://uploads.ru/i/a/o/0/ao0gS.png) repeat top center; color: #272727 } /* CS1.8 */ #pun-navlinks .container { background-color: transparent; color: #dadada; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input {background:transparent url(http://uploads.ru/i/a/o/0/ao0gS.png) repeat top center; color: #272727; padding:5px; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #C0A374 #FFE3B4 #FFE3B4 #C0A374; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { border-color: transparent; } .punbb .post-sig dt { border-top-color: #e0c394 !important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #272727; border-bottom: 0px none #000; text-decoration: none; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #272727 } /* CS3.2 */ .punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: #272727; border-bottom: 0px none #000; text-decoration: none; text-shadow: 2px 3px 6px #484747; } /* CS3.3 */ #pun-navlinks a { color: #272727; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #272727; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: none; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ Div.icon {background-image : url(); background-repeat: no-repeat; } TR.inew Div.icon {background-image : url(http://uploads.ru/i/I/n/7/In7xK.png); background-repeat: no-repeat;} TR.isticky Div.icon {background-image : url(http://uploads.ru/i/q/1/j/q1jVE.png); background-repeat: no-repeat;} TR.iclosed Div.icon {background-image : url(http://uploads.ru/i/i/Z/o/iZob8.png); background-repeat: no-repeat;} TR.iredirect Div.icon {background-image : url(http://uploads.ru/i/M/S/x/MSxDF.png); background-repeat: no-repeat;} #pun-main div.catleft, #pun-main div.catright {display: none} /* CS5 Other Elements -------------------------------------------------------------*/ pa-adnote , .pa-from , .pa-reg , .pa-posts, .pa-respect , .pa-positive, .pa-sex, .pa-icq , .pa-ip , .pa-online , .pa-age , .pa-mailagent, .pa-avatar, .pa-title, .pa-author , .pa-time-visit , .pa-fld1 , .pa-fld3 , .pa-fld2, .pa-last-visit{ text-align: center;} #pun-title .title-logo span {display: none;} #pun-category1 h2 {height: 62px; background-image: url("http://uploads.ru/i/w/j/F/wjFAt.jpg"); background-repeat: no-repeat; background-overflow-x: hidden; color: transparent;background-position: center;} #pun-stats h2 {height: 62px; background-image: url("http://uploads.ru/i/w/j/F/wjFAt.jpg"); background-repeat: no-repeat; background-overflow-x: hidden; color: transparent; background-position: center;} #button-youtube, .closedatafield {display: none} #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 160.5px; top:450px }