Адаптивный шаблон OneTV на Bootstrap с тщательной проработкой под InstantVideo

+36
3.19K
Приветствую вас уважаемое сообщество. Представляю вашему вниманию мощный, интересный, адаптивный шаблон OneTV для 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р ().
Оплата на Яндекс/Вебмани. О покупке можно сообщить написав мне в личку.
DEMO

В целях безопасности, людям ранее уличенных в раздаче какой либо разработки шаблон продаваться не будет. К новым пользователям Instantcms тоже могут быть приняты ограничения. В случае обнаружения шаблона на сайтах не покупателей, оставляю за собой право применить кое-какие плюшки, неприятные для незаконного владельца шаблона.
+2
smm_grin smm_grin 8 лет назад #
Первый)))
Поздравляю. Очень интересный шаблон. Вечером пощупаю демо поплотнее. )) Смотрится просто шикарно.
0
Atid Atid 8 лет назад #
Спасибо, старались.
0
Atid Atid 8 лет назад #
На демо сайте рекламные блоки Адсенса под роликом и в сайтбаре тоже адаптивные, при загрузке страницы вычисляется ширина див блока в котором расположен рекламный код и выводится наиболее широкий блок рекламы который влезает в див. Размер блоков изменяется только при перезагрузке.
0
Ingvarruss Ingvarruss 8 лет назад #
Видно, что работы проделано не мало. Большой +.
+1
akhasanov akhasanov 8 лет назад #
Сомнительная адаптивность. Жаль, что автор даже не пытался это проверить.
-1
letsgo letsgo 8 лет назад #
А вы бы написали в чем сомнительность, а то просто так брякнуть наверно любой может. Тут телепатов нет, чтобы додумать вашу мысль.
0
akhasanov akhasanov 8 лет назад #
Не нужно быть телепатом, чтобы сжать экран и увидеть сопутствующие глюки. Или надо носом тыкать?
0
Atid Atid 8 лет назад #
Опишите суть проблемы, я проверю, исправлю.
+2
akhasanov akhasanov 8 лет назад #
""

""
+2
akhasanov akhasanov 8 лет назад #
Менее значимо
""
0
Atid Atid 8 лет назад #
Про вторую картинку я и в правду позабыл. В меню либо убрать лишние ссылки, либо поиск скрывать на маленьких разрешениях, меню скрывается при разрешении окна браузера 768px. Здесь я буду ориентироваться на мнение покупателя. Вторую сейчас исправлю, в третьей табы можно в колонки поставить как уже сделано в блогах.
0
AndroS AndroS 8 лет назад #
Интересный шаблон, думаю, ошибки все исправятся. К примеру, на странице профиля в опере контент профиля наползает на аватар пользователя.
0
Atid Atid 8 лет назад #
Сейчас как раз ведутся работы на странице пользователя.
Профиль будет примерно такой
""
0
akhasanov akhasanov 8 лет назад #
Отлично! Предполагаю, что куплю, как только уйдут баги.
0
VopisUVD VopisUVD 8 лет назад #
Да ошибки надо проработать... Вот по личному кабинету надо отойти от стандартной системы а то все единообразно у всех никакой индивидуальности. Раньше была у кого то переделка мне лично нравилось...
0
Atid Atid 8 лет назад #
""

то что уже сделано
0
lezginka.ru lezginka.ru 8 лет назад #
+
0
leko leko 8 лет назад #
Вторым записываюсь. Отписал в личку.
+1
Narsa Narsa 8 лет назад #
Очень долго грузиться, это конечно минус
+1
Narsa Narsa 8 лет назад #
Нет минус не в тему конечно, автор молодец, минус как мнение, 30 секунд загружаеться, хотя инет у меня 30
0
livecom livecom 8 лет назад #
Ну не знаю. У меня загрузилось за 5 секунд. Может вы в первый раз грузили долго? При последующих посещениях должно грузить быстрее.
0
Atid Atid 8 лет назад #
На главной огромное количество картинок, много чего включено, кроме главной другие страницы у вас так же грузятся?
+2
Александр Александр 8 лет назад #
Грузит нормально, смотрим 3.43s что очень не плохо
Отчеты:
http://gtmetrix.com/reports/rdportal.ru/KUOaP8XG
http://tools.pingdom.com/fpt/#!/Eh5mt/http://rdportal.ru/

Но проверил в Опере, реально что-то ее тормозит, а вот в IE, FF полный порядок.
0
RIM5 RIM5 8 лет назад #
Было бы очень здорово, если ошибочки поправить:
http://validator.w3.org/check?uri=http%3A%2F%2Frdportal.ru%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
0
Авто Москва Авто Москва 8 лет назад #
Тоже записываюсь, куплю шаблон, после доработок.
0
Vladimir K Vladimir K 8 лет назад #
Через андроид лазил. Вот такое нашел
""
0
Atid Atid 8 лет назад #
Рекламный блок при загрузке страницы вычисляет ширину див блока в котором он есть и грузит баннер, в данном случае я так понимаю при загрузке вы повернули телефон на бок а после загрузки обратно?
Страницы карусели будут скрыты для мобилок.
0
Pasha Pasha 8 лет назад #
$(window).resize
0
AndroS AndroS 8 лет назад #
Хорош шаблончик все же! Сделайте менюшку при прокрутке страницы плавающей, то есть, прикрепленной к верху монитора.
0
Atid Atid 8 лет назад #
Заменяем navbar-static-top на navbar-fixed-top и получаем фиксированную навигацию.
0
Atid Atid 8 лет назад #
Теперь в шаблоне переделана и Фотогалерея.

Еще от автора

Html редактор Ace. Обновление !!!
HTML ACE предназначен для удобной работы с встроенным html кодом на вашем сайте.
Шаблон OneMinima для InstanCMS2 (Релиз)
Здравствуйте уважаемые пользователи и гости сайта InstantCMS. Представляем вашему вниманию релиз шаблона OneMinima для второй ветки.
Анонс шаблона OneMinima для InstanCMS2
Здравствуйте уважаемые пользователи!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.