» »

Слайдер сайта кино онлайн адаптирован


Слайдер сайта кино онлайн адаптирован

Это Слайдер под тематику кино онлайн в полной мобильной адаптаций на сайт. Он идет под темный дизайн сайта, также есть стили чтоб поменять оттенок цвета. Здесь главное у него высоту оставить height: 200px а вот ширину вы можете подгонять под свой сайт. В нем были заменены полностью кнопки и поставлены полупрозрачные, так как по умолчанию стояли не очень красивые, которые не вписывались в основной дизайн. При перезагрузки сайта или просто перейти на другую страницу, то он показывает новые 20 изображений на материал.

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

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



PS - все коды и описание будет в архиве, а также установка прописана.
21.09.2016 Загрузок: 15 Просмотров: 455 Комментарий: (16)

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

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

Комментарий: 16
trem200
trem200 21.09.2016 18:371
0
А где скачать сам архив? Ссылки, то на архив нету.
Kosten
Kosten 21.09.2016 18:382
0
Все есть, просто не мог загрузить все сразу, пришлось с начало изображение, а потом файл.
trem200
trem200 21.09.2016 18:393
0
Да он и ещё адаптирован, вот это шикарно. Спасибо за слайдер.
Kosten
Kosten 21.09.2016 18:404
0
Хемуль, на сайте cstavr.ru стоит этот слайдер, так что можешь посмотреть и другие тоже.
trem200
trem200 21.09.2016 18:415
0
В общем спасибо за слайдер
Kosten
Kosten 21.09.2016 18:447
0
Но от души нужно сказать Angerfist, он его быстро запелил по адаптаций.
trem200
trem200 21.09.2016 18:478
+1
Да Angerfist делает годные виды материалов, и как понял хорошо разбирается в адоптации шаблона.
Kosten
Kosten 21.09.2016 18:579
0
Но вот человека оторвал от заботы и работы, он быстро настроил как нужно. А что вид материала он всегда заливает, они все адаптированные и этот вот его, он на форуме залил, пришлось перетащить на главную.
trem200
trem200 21.09.2016 18:5810
0
Будем ждать новые виды материалов.
Kosten
Kosten 21.09.2016 18:436
+1
Проверил сразу веб мастере яндекс, на мобильную адаптацию, скрин прилагается.

tsakonter
tsakonter 21.09.2016 19:0411
0
Нормальный слайдер, но он похож на один, который есть на сайте, только этот темный.
Сафрон
Сафрон 21.09.2016 23:3012
0
Вот это нужно, вообще в первые встречаю слайдер, да еще и адаптирован под мобильные устройства.
Kosten
Kosten 21.09.2016 23:4313
0
Там в материале изображение, и видно, что одна картинка полная, а вторая на половину. Так можно сделать так, чтоб на самом мелком мониторе, вообще пропадал Слайдер.

Просто главный код на слайдер, который вы ставите, нужно в дивы загнать.

А это так:

В CSS прописать, это настроено на самый небольшой монитор мобильного не будет показывать слайдет, но вы можете выставить как вам угодно.

Код
@media screen and (min-width: 240px) and (max-width: 340px) {  
  .ifnot-mob {display: none!important;}  
}


И теперь само условие, которое вы заключаете и прописываете, на то чтоб не было видно. А просто как писал выше, заключаем скрипт.

Код
<div class="ifnot-mob">здесь код который нужно скрыть</div>


Вообщем сами стили max-width: 340px выше поднимаем или ниже, выставил так, что теперь вот так смотрится.



И когда уже сделать немного, то он просто исчезает.
ucozmental
ucozmental 21.09.2016 23:4614
0
Но это уже кто если захочет сделать, чтоб все показывало красиво, то можно здесь поставить.
avatar
TOLIAXA 28.10.2016 09:1415
0
Спасибо
Kosten
Kosten 28.10.2016 19:4116
0
Как всегда, не за что, главное в пользу.
avatar