ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Оригинальный корпус для плеера кино онлайн

Оригинальный корпус для плеера кино онлайн

Оригинальный корпус для плеера кино онлайн
Для тех кто имеет ресурс под тематику кино онлайн и кто хочет создать такой сайт. Вам думаю очень пригодиться сам корпус, который будет отлично смотреться на темном дизайне и не исключаю и светлый, так как на картинке вы можете видеть, как он расположился по цветовой гамме. Пользователь First, залил его и как понимаю немного доработал. Теперь есть клик а не стрелка, так как привычней переключать. Но основном все стандартно, какую серию вы смотрите, та кнопка по сторонам синеет и можно сразу заметить. Скачав файл вы найдете папку которую нужно закинуть в корень сайта и сам код, в котором уже прописаны плеера, вам только остается поставить свой.
2015-01-20 Загрузок: 67 Просмотров: 1705 Комментарий: (15)

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

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

Оставь свой отзыв

Комментарий: 15
Kosten
Kosten 2015-01-20 22:041
0
Ставим плюс First, так как он размотал этот каркас. cool
Kosten
Kosten 2015-01-23 21:072
0
Кто пробовал установить, если да, то поделитесь ссылкой как оно там смотрится.
diona195551
diona195551 2016-01-13 02:473
0
У меня не установился, а очень хочется. Все скачала, залила в корень и тишина. Пусто.
Kosten
Kosten 2016-01-13 03:074
0
diona195551, не устанавливал и не проверял, другой человек делал, и все работало.
jullaka
jullaka 2019-03-23 16:125
0
Как его мобила пригодным сделать? Так все работает, а вот на мобильном версии показывает не корректно.
Kosten
Kosten 2019-03-23 16:406
0
Его нужно адаптировать под мобильные устройства, так как версия старая, и изначально не строилась на мобильные экраны.
jullaka
jullaka 2019-03-23 17:287
0
Как это сделать? Сможете помочь?
Kosten
Kosten 2019-03-23 17:588
0
Не приходилось делать адаптивность каркасу под плееры, здесь вероятно не помогу, но порекомендую пользователя waak, что свяжитесь с ним и обговорите по услуге.
jullaka
jullaka 2019-03-23 18:059
0
Спасибо
waak
waak 2019-03-24 18:5410
0
Поставьте на любой сайт тестовый или сразу на рабочий затем дайте ссылку что бы видеть его структуру и помогу вам его настроить.
waak
waak 2019-03-25 15:2411
+1
Посмотрел структуру данного плеера я решил сделать новую более отзывчивую к адаптации и возможностью передвигать пункты пальцами

вот что вышло!
waak
waak 2019-03-25 18:3112
+1
Для простой адаптации достаточно заменить в коде стили трёх строчек
Код

#wrapper-player {background:#000;margin:auto;width:600px;border:2px solid #222;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000;-webkit-box-shadow:0 0 2px #000;}
#player {background:url(/karkasplay/loading.gif) center no-repeat;width:600px;height:300px;}
#panel {width:520px;padding:0 40px 0 40px;white-space:nowrap;position:relative;overflow:hidden;border-top:1px solid #333;border-bottom: 1px solid #333;text-align:left;}


на

Код
#wrapper-player {background:#000;margin:auto;max-width: 100%;border:2px solid #222;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000;-webkit-box-shadow:0 0 2px #000;}
#player {background:url(/karkasplay/loading.gif) center no-repeat;max-width: 100%;height:300px;}
#panel {max-width: 100%;padding:0 40px 0 40px;white-space:nowrap;position:relative;overflow:hidden;border-top:1px solid #333;border-bottom: 1px solid #333;text-align:left;}
Kosten
Kosten 2019-03-25 18:4213
0
Адаптивный корпус под плеер, вероятно многим пригодится, где можно сериал разместить.
waak
waak 2019-03-25 20:2714
0
этот скрипт не совсем подходит по структуре и задумки автора для адаптации! те стили что я дал не сделают его полностью адаптивным так как прокрутка на скрипте а на видео я переписал структуру полностью демку работы с новой структурой можно посмотреть на сайте у пользователя который просил помощи
Kosten
Kosten 2019-03-25 20:5815
0
Это старый скрипт, и вот с этими кнопками переключателями не взялся адаптировать. Простые табы с 3 переключателями еще можно сделать. а вот когда больше элементов, то здесь затруднение. Но по видео видно, что корректно по кнопкам получилось, что при небольшом экране они смотрятся отлично.
avatar