Адаптивный шаблон на бутстрапе с тщательной проработкой под InstantVideo (Instantcms 1.10.3)

Опубликовано:
Просмотров: 7974
+2
Голосов: 2
Адаптивный шаблон на бутстрапе с тщательной проработкой под InstantVideo

Приветствую вас уважаемое сообщество. Представляю вашему вниманию мощный, интересный, адаптивный шаблон для InstantVideo, разработанный мною и моим другом dekartwork. При создании шаблна был использован бустрап, данный фраемворк позволяет динамически настроить шаблон не выходя из админки. Используя специальные css префиксы, можно регулировать количество модулей выводимых на одной строке (от 1 до 12), можно указать чтобы количество модулей на одной строке было постоянное для разных размеров экранов, а можно выводить для одного типа мониторов например 4 модуля а для других 2 на одной строке 2 на следующей.

Шаблон можно использовать на различного рода сайтах, будь это региональный портал, или новостной портал. Но особый упор сделан для работы с InstantVideo.

Для модулей вывода видеороликов созданы 6 вариантов вывода роликов.

Далее название модулей на демо сайте с шаблонами
1 Видеоролики
2 Новые трейлеры
3 Популярное видео
4 Карусель
5 Новые песни
6 Sider test

Шаблон используемый в модуле 1 Видеоролики выводит 4 ролика на мониторах с разрешением больше 1200px, 3 выше 768px, и 2 если размер меньше 768px.
2 Новые трейлеры - 2 до 968px, 4 до 768px и 2 если меньше 768px
3 Популярное видео в данном модуле размещается на одной строке только один ролик, но для лучшего вида его нужно использовать вместе с таким же модулем.
4 Карусель - обычный карусель с поддержкой движений пальца.

Для рубрик были сделаны небольшие поправки, плагинация перенесена в заголок модуля, при наведении на прервью всплывает информация про рубрику.

На странице ролика мы убрали информацию в табы, заменили некоторые элементы на иконки и тем самым сократили простарнаство занимавшее данными элементами. Комментарии тоже были перенесены в табы. Создан новый стиль для плеера, Добавленны 4 переменные для вывода рекламы

1 Под заголовком
2 Под плеером
3 под описание
4 Под похожие ролики. Первые два блока вы можете увидеть на демо странице.

Меню при разрешении монитора меньше 768px превращается в кнопку, при клике на кнопку выдвигается с правой/левой стороны.
Названия модулей можно сделать разноцветными, для этого необходимо добавить заранее подготовленный css префикс и вы получаете необходимый вам цвет.

Цена Шаблона для первых 10 покупателей 1500р, для остальных 2000р.
Комментарии (0)

Нет комментариев. Ваш будет первым!

Голосуем

Самый нужный компонент