Темный каркас для фильмов сайта 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 | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
Но до этого на сайте были, вот сразу 2 нашел, и где то под сериалы есть. Так что также можно их по оттенку менять и переключатели есть.
Вот первый каркас плеера  Здесь немного посложней, но когда его заливали на сайт, то он работал, сейчас не знаю, просто за первый скажу, что он стоит на одном сайте, но и этот также стоит на нескольких интернет ресурс. Второй каркас  
| |
