Страницы нашего форума
Код:
<!-- HTML -->
<center><!--Горизонтальный слайдер НАЧАЛО --> <div id=SL0 style="min-height:270px!important;width:90%;padding:2%;border:#f6eb99 4px ridge"> <style> .cont_ainsOO{float:left!important;width:88%;display:none;height:270px!important;overflow:auto; background: url(http://s2.uploads.ru/n9iGI.jpg); color:#000000;margin:0 -1px;opacity:1!important; } div.Next_,div.Prev_{color:red;border:#898383 2px solid;padding:0 0 0 2px;white-space:break-word;letter-spacing:6px;float:left;height:270px!important;width:28px!important;cursor:pointer;background:#CDCDCD url(http://uploads.ru/i/D/t/q/Dtq6G.png) left top repeat-y;margin:2px!important;margin:-2px -2px 0 -2px!important;} div.Next_ span, div.Prev_ span{letter-spacing:0;} div.Active.Prev_,div.Active.Next_{background-color:#F1F1F1;} </style> <div style="height:270px!important;border:#D3D3D3 2px ridge;background-color:#525252!important;"> <div class="Prev_"><br /><br /><span><=</span><br /><br /><br />P r e v</div> <div class="cont_ainsOO Active" style="display:block;"><span style="float: left"> </span>... Полезности - 1 ...<span style="float: right">листать =></span> <hr><a href="pages/tv" target="_top" title="Прямая трансляция TV"><button class="btnv">Онлайн ТВ</button></a> <br><br> <a href="pages/tvprogramma" target="_top" title="Телепрограмма на все каналы"><button class="btnv">Телепрограмма</button></a> <br><br> <a href="pages/pozitiv_video" target="_top" title="Самое позитивное видео"><button class="btnv">Позитивное видео</button></a> <br><br> <a href="pages/news" target="_top" title="Новостное обозрение ведущих русскоязычных СМИ"><button class="btnv">Новости СМИ</button></a> <br><br> <a href="pages/radio" target="_top" title="Популярные радиостанции России и всего мира"><button class="btnv">Радио онлайн</button></a> <br><br> <a href="pages/converter" target="_top" title="Бесплатный online конвертер файлов всех форматов"><button class="btnv">Online конвертер файлов</button></a> </div> <div class="cont_ainsOO"><span style="float: left"><= листать</span>... Полезности - 2 ...<span style="float: right">листать =></span> <hr> <a href="pages/notessimo" target="_top" title="Notissimo — секвенсор, реализованный по типу Mario Paint Composer. Позволяет набирать мелодию с помощью различных инструментов, рассортированных по 8 группам: струнные, клавишные, электронные, ударные, перкуссия, медные духовые, духовые, разное."><button class="btnv">Лучший cеквенсор online</button></a> <br><br> <a href="pages/musicstudiya" target="_top" title="Сервис, совмещающий возможность как пользование предварительно записанных треков, так и набор нот; доступна также запись с микрофона, есть метроном и накладываемые эффекты, возможен даже набор нот с клавиатуры. При этом у инструментов с piano roll’ом можно настраивать разные параметры, дабы изменить их звучание. Полученный звук можно как скачать, так и опубликовать, не скачивая."><button class="btnv">Музыкальная студия</button></a> <br><br> <a href="pages/songwriter" target="_top" title="Даже если у вас нет таланта вы можете создать музыкальный шедевр"><button class="btnv">Создать музыку онлайн</button></a> <br><br> <a href="pages/photoshop" target="_top" title="Online графический редактор Photoshop"><button class="btnv">Online Photoshop</button></a> <br><br> <a href="pages/photoeditor" target="_top" title="Исправьте ваши фотографии прямо в броузере"><button class="btnv">Фотоэффекты</button></a> <br><br> <a href="pages/sumopaint" target="_top" title="Очень мощный графический редактор online для создания рисунков. Русский язык в комплекте."><button class="btnv">Графический редактор</button></a> </div> <div class="cont_ainsOO"><span style="float: left"><= листать</span>... Полезности - 3 ...<span style="float: right"> </span> <hr> <a href="pages/money" target="_top" title="Получи бесплатно реальные деньги"><button class="btnv">WM Бонусы $$$</button></a> <br><br> <a href="pages/monitoring_sponsorov" target="_top" title="Заработай на спонсорах."><button class="btnv">Мониторинг спонсоров</button></a> <br><br> <a href="pages/newsoft" target="_top" title="Новинки програмного обеспечения с кодами, патчами, креками"><button class="btnv">Новинки Soft -а</button></a> <br><br> <a href="pages/mp3cutter" target="_top" title="Обрезать песню online, mp3cutter"><button class="btnv">Обрезать песню</button></a> <br><br> <a href="pages/decoderencoder" target="_top" title="URL Decoder/Encoder"><button class="btnv">URL Decoder/Encoder</button></a> <br><br> <a href="pages/translit" target="_top" title="Транслитерация онлайн - перевод кирилических текстов в латиницу"><button class="btnv">Транслит переводчик</button></a> </div> <div class="Next_" style="float:right;"><br /><br /><span>=></span><br /><br /><br /> N e x t</div>
<script>
var contLength=$('#SL0 .cont_ainsOO').length-1;
$('#SL0 .cont_ainsOO').each(function (i){ $(this).attr("alt",i);});
var Nobysu=true;
function CrugL(b,c,d,e,f,g) {if(Nobysu){Nobysu=false;
var a=$('#SL0 .cont_ainsOO.Active');j=parseInt(a.attr("alt"));
$(b+" span").html(c).css({"color":"#000"});
if(j==g){Nobysu=true;$(d+" span").html(e).css({"color":"#FF0000"});
}else{j+=f;$(d+" span").css({"color":"#000"});
$(d+" span").toggle('fast').toggle('fast');
$(b).removeClass("Active");$(d).addClass("Active")
a.hide('slow').removeClass("Active"); //Свёртываем все предыдущие;
a=$('#SL0 .cont_ainsOO').eq(j).addClass("Active").toggle('slow',function(){Nobysu=true});
}}
}
$(".Next_").click(function(){var b='.Prev_',c='<=',d='.Next_',e='=X>',f=+1,g=contLength; CrugL(b,c,d,e,f,g);});
$(".Prev_").click(function(){var b='.Next_',c='=>',d='.Prev_',e='<X=',f=-1,g=0; CrugL(b,c,d,e,f,g);});
</script>
</div></div> <!--Горизонтальный слайдер Конец-->
</center>