» »

Стильный слайдер для кино сайта uCoz


Что первое хочется сказать, что полностью рабочий и без ошибок создан стильный слайдер для кино сайта uCoz под темный стиль или формат портала, но также вы можете установить его и на светлый. По своей работе и установке он простой, можно самому передвигать фильмы или есть для этого стрелка, которую вы можете сменить и поставить, что то свое. Он будет корректно отражать саму афишу кино или сериала, и при клике вы перейдете по прямой ссылки, куда вам нужно.

Установка:

С начало нам нужно создать информер под такую разметку и прописать в нем код, а с начало все убрать, что будет в нем.

[ Каталог файлов · Материалы · В случайном порядке · Материалы: 20 · Колонки: 1 ]

Код
<li class="sliderElement rad3" style="width: 153px; height: 200px; float: left;"><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$" style="width: 153px; height: 200px;"></a></li>


Эти стили в CSS:

Код
.sliderContent {padding:5px 0px; background:#333333; width: 100%!important;} .sliderElement {margin:3px; padding:3px; opacity:0.7; background-color:#1676A6;} .sliderElement:hover {opacity:3;}  
  .sliderButtonNext {  
  background: url("http://zornet.ru/Ajaxoskrip/Forma_skriptov/slider_arrow.png") no-repeat;  
  width: 60px;  
  height: 37px;  
  text-decoration: none;  
  position: absolute;  
  z-index: 2;  
  top: 90px;  
  left: -10px;  
}  
.sliderButtonPrev {  
  background: url("http://zornet.ru/Ajaxoskrip/Forma_skriptov/slider_arrow.png") -2px -38px no-repeat;  
  width: 60px;  
  height:37px;  
  text-decoration: none;  
  position: absolute;  
  z-index: 2;  
  top: 90px;  
  right: -1px;  
}  
.sliderButtonNext:active {  
  background: url("http://zornet.ru/Ajaxoskrip/Forma_skriptov/slider_arrow.png") -2px 0px no-repeat;  
}  
.sliderButtonPrev:active {  
  background: url("http://zornet.ru/Ajaxoskrip/Forma_skriptov/slider_arrow.png") 1px -38px no-repeat;  
}


И заканчиваем, а точнее ставим в то место, где хотите его видеть, основном, это под шапку.

Код
<div id="slider_2014" style="position: relative;width: 992px;">  
<a href="#" class="sliderButtonNext"></a>  
<a href="#" class="sliderButtonPrev"></a>  
<div class="sliderContent" timeoutid="3717" style="height:200px; overflow: hidden;">  
<ul class="sliderElements" style="margin: 0px; padding: 0px; position: relative; list-style-type: none; width: 3330px; height: 200px; left: 0px;">  
$MYINF_4$  
</ul>  
</div>  
</div>  
<script type="text/javascript" src="http://zornet.ru/Ajaxoskrip/Forma_skriptov/sliderFor.js"></script>  
<script type="text/javascript"><!--  
$(function(){  
  $('#slider_2014').sliderForDLE({scroll:1, visible:9, speed:1000, interval:5, auto:true, vertical:false, course:'next', buttonNext:'sliderButtonNext', buttonPrev:'sliderButtonPrev',mousewheel:false}).show();  
});  
//--></script>


Не забываем сменить в скрипте MYINF_4 на свой созданный номер.
25.10.2015 Загрузок: 6 Просмотров: 1005 Комментарий: (27)

Поделиться в социальных сетях

Материал разместил

Комментарий: 27
Canon
Canon 25.10.2015 20:041
0
Нормальный слайдер, само то для такой тематике, но как понял ты свой сайт сливаешь. biggrin
Kosten
Kosten 25.10.2015 20:072
0
Canon, вы про что говорите, в какой параллельной живете, не чего не сливаю сайта, вы где то видите его здесь. Этот Слайдер сайта CSRAVR.RU, но не как не с этого.
Canon
Canon 25.10.2015 20:103
0
Что то не понимаю, сами же писали, что он с начало был тестовый а потом посещаемость пошла и он стал кино сайт, и точно не скажу, там пару фильмов смотрел, до 3 тыс и выше хостов было.
Kosten
Kosten 25.10.2015 20:135
0
Все правильно, раньше у меня был, но некогда заниматься им было и отдал в хорошие руки, там дизайн уже весь измененный.
Canon
Canon 25.10.2015 20:167
0
Круто, тестовый сайт продать, это надо уметь.
Kosten
Kosten 25.10.2015 20:209
0
Canon, да круто, и тестовый, но вы читаете вообще, что пишу, что где то написал что его в парил, написано, отдан в хорошие руки. Это вы привыкли каждую плюшку впаривать.
Canon
Canon 25.10.2015 20:2210
0
Просто логики не пойму, здесь намного меньше посещаемости, а вы отдаете сайт, где она есть и можно больше развить. Вот не могу понять.
Kosten
Kosten 25.10.2015 20:2511
0
Canon, возможно для вас будет удивительным, но за посещением не гонюсь, а для вас еще повторю, не мог два сайта держать, времени не хватало и оставил один.
ZruBkul
ZruBkul 25.10.2015 20:2712
0
Canon, а у вас что ли все продается и покупается? А где простые человеческие отношение, если стремиться больше урвать, всегда один финал и он не кому не нравиться.
Brung
Brung 25.10.2015 20:124
0
А что нормальный сайт, можно что и посмотреть.
ZruBkul
ZruBkul 25.10.2015 20:156
0
Там раньше багнутый шаблон стоял, сейчас уже совершенно другой, и явно слайдер другой был и тоже рабочий из всего один был.
AnTron
AnTron 25.10.2015 20:188
0
Две или три тысячи, для такой тематики очень мало. Там основном за 10 выходят и что главное, можно по нескольким запросом такую посещаемость сделать, главное чтоб были в топе.
Kosten
Kosten 25.10.2015 20:2913
0
Вот и обсудили сайт, о слайдере только пару слов, не думаю что где то найдете уже рабочий и главное без багов слайдер, который отлично впишется как на узкий каркас, так на широкий, они есть, только на ресурсах.
Brung
Brung 25.10.2015 20:3014
0
Вот бы ему кнопки прозрачные, чтоб так сильно не выделялись, тогда лучше смотрелся он.
Kosten
Kosten 25.10.2015 20:3315
0
Brung, файл залил, не знаю реально где скачал, возможно там где и взял, но там не кнопки скачать, вообщем скачиваем и там вы найдете кнопки, которые думаю вам понравятся.
ZruBkul
ZruBkul 25.10.2015 20:3516
0
Думаю, что те кнопки шли оригиналом к нему, и их лучше установить и сразу вид измениться.
Brung
Brung 25.10.2015 20:3717
0
Точно, это те которые должны, а эти стрелки убрать, весь дизайн портят.
Kosten
Kosten 25.10.2015 20:3918
0
Но здесь можно спорить много, кому и кнопки очень нравятся, кому и совершенно другое вообще под его вкус. По мне, главное есть выбор и это хорошо.
1 2 »
avatar