» »

Темный каркас для фильмов сайта uCoz


При создание сайта по тематике кино онлайн, всегда подымается вопрос, где плеер будет. И здесь для вас темный каркас, как для светлого и темного дизайн портала. Здесь вы можете выставить один плеер на фильм и на трейлер, также есть алая кнопка на жалобу. На которую нажимая, вы попадете на сообщение, кто заливал материал. Здесь думаю вам нужно изменить и поправить, чтоб попадала на обратную связь, это нужно сделать обязательно.

Что по самому контейнеру, то он сделан по размерам, что если вы выставляете один на плеере, то в стилях тот же нужно поставить. И все потом сделать по умолчанию, но это относиться к самой настройке под ваш сайт и его ширину. Так очень просто и в тоже время, все прописано и очень удобно. Кто хочет поставить еще на один плеер, возможно это сделать, но не проверял, только по этому коду скажу, что все работает.

Установка:

CSS:

Код
.wVideoBlock {background:#2a2a2c; box-shadow:inset 0px 1px 0px #636569; padding:10px; width:760px; max-width:100%; position:relative; }  
#wFilm {background:#2a2a2c; color:#fff; display:table; width:auto; height:20px; padding:10px 15px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position:absolute; top:-33px; left:0;}  
#wTreiler {background:#656566; color:#fff; display:table; width:auto; height:20px; padding:10px 15px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position:absolute; top:-33px; left:130px;}  
#wComplaint {background:#ff6749; color:#fff; display:table; width:auto; height:15px; padding:7px 20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:absolute; top:-33px; right:5px; opacity:0.7;}  
#wComplaint:hover {opacity:1.0;}  
.wFilm, .wTreiler {position:relative; padding-bottom:60%;}


Здесь основной скрипт, где от ютуб стоит, чтоб понятнее было, только там ставим фильмы в вид материала и комментариев, но смотря на каком модуле.

Код
<div class="wVideoBlock">  
<a href="javascript://" onclick="$('.wTreiler').hide(); $('.wFilm').show(); $('#wFilm').css({'background':'#2a2a2c'}); $('#wTreiler').css({'background':'#656566'});" id="wFilm">Смотреть фильм</a>  
<a href="javascript://" onclick="$('.wFilm').hide(); $('.wTreiler').show(); $('#wTreiler').css({'background':'#2a2a2c'}); $('#wFilm').css({'background':'#656566'});" id="wTreiler">Трейлер</a>  
<a href="/index/14-1-0-1" id="wComplaint">Жалоба</a>  
<div class="wFilm">  
<iframe width="760" height="415" src="https://www.youtube.com/embed/bwMOa1nRs-g" frameborder="0" allowfullscreen=""></iframe>  
</div>  
<div class="wTreiler">  
<iframe width="760" height="415" src="https://www.youtube.com/embed/bwMOa1nRs-g" frameborder="0" allowfullscreen=""></iframe>  
</div>  
</div>


Вот у вас появился свой каркас, где по стилям, можете вывести оттенок цвета.

Источник: Webo4ka.ru
21.05.2016 Просмотров: 492 Комментарий: (9)

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

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

Комментарий: 9
Сопрано
Сопрано 21.05.2016 18:381
+1
Раньше в интернете не найти вообще было не какого каркаса и веб мастера, просто делали несколько плееров на странице и трейлера не было. Сейчас с каркасом все изменилось и молодец Вовчик, что новую сделал. Как помню здесь на сайте также видел что то похожее.
Kosten
Kosten 21.05.2016 18:472
0
Но до этого на сайте были, вот сразу 2 нашел, и где то под сериалы есть. Так что также можно их по оттенку менять и переключатели есть.

Вот первый каркас плеера



Здесь немного посложней, но когда его заливали на сайт, то он работал, сейчас не знаю, просто за первый скажу, что он стоит на одном сайте, но и этот также стоит на нескольких интернет ресурс.

Второй каркас

ucozmental
ucozmental 21.05.2016 20:005
0
Что отличный обзор такой на каркас для плеера, где можно взять, да еще с выбором хорошим, если говорите, это не все представлены здесь.
tsakonter
tsakonter 21.05.2016 19:123
0
Не чего так сделан каркас или его по другому как называется, тут плюс, что он очень просто, и не чего не нужно в корень сайта закачивать.
Сафрон
Сафрон 21.05.2016 19:574
0
Все правильно, жалобу нужно выводить на почтовую форму, так как правообладатели пишут на ее, а не в личные сообщение.
FeStemBer
FeStemBer 21.05.2016 20:326
+1
Что то не могу найти как на cstavr под сериалы, только вот этот каркас нашел, но он как бы сказать основной и у многих стоит на сайте.
Kosten
Kosten 21.05.2016 20:427
0
FeStemBer, поменял логин, что то перевести не могу.
FeStemBer
FeStemBer 21.05.2016 20:468
0
Но и не нужно переводить, здесь нужно по тематике писать.)))))
feliksteg
feliksteg 24.05.2016 17:449
0
Нормально подобрали, это вот так и нужно делать, что похожий материал как то вместе делать или просто ссылки прописывать в самом материале. Это и для поисковых систем нормально и для пользователя. Но главное, что удивило, этот каркас к Ак вы его назвали, он вообще то продаётся, а здесь как вижу бесплатно.
avatar