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

2559
Приветствую вас уважаемое сообщество. Представляю вашему вниманию мощный, интересный, адаптивный шаблон 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 тоже могут быть приняты ограничения. В случае обнаружения шаблона на сайтах не покупателей, оставляю за собой право применить кое-какие плюшки, неприятные для незаконного владельца шаблона.
Модуль Меню "Аккордеон" | Бесплатный шаблон Solar для InstantShop
Комментарии (31)
smm_grin 1 апреля 2014 в 17:55 +2
Первый)))
Поздравляю. Очень интересный шаблон. Вечером пощупаю демо поплотнее. )) Смотрится просто шикарно.
Atid 1 апреля 2014 в 18:58 0
Спасибо, старались.
Atid 1 апреля 2014 в 19:04 0
На демо сайте рекламные блоки Адсенса под роликом и в сайтбаре тоже адаптивные, при загрузке страницы вычисляется ширина див блока в котором расположен рекламный код и выводится наиболее широкий блок рекламы который влезает в див. Размер блоков изменяется только при перезагрузке.
Ingvarruss 1 апреля 2014 в 19:13 0
Видно, что работы проделано не мало. Большой +.
akhasanov 1 апреля 2014 в 19:41 +1
Сомнительная адаптивность. Жаль, что автор даже не пытался это проверить.
letsgo 1 апреля 2014 в 19:57 -1
А вы бы написали в чем сомнительность, а то просто так брякнуть наверно любой может. Тут телепатов нет, чтобы додумать вашу мысль.
akhasanov 1 апреля 2014 в 20:05 0
Не нужно быть телепатом, чтобы сжать экран и увидеть сопутствующие глюки. Или надо носом тыкать?
Atid 1 апреля 2014 в 20:04 0
Опишите суть проблемы, я проверю, исправлю.
akhasanov 1 апреля 2014 в 20:07 +2
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
akhasanov 1 апреля 2014 в 20:07 +2
Менее значимо
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
Atid 1 апреля 2014 в 20:39 0
Про вторую картинку я и в правду позабыл. В меню либо убрать лишние ссылки, либо поиск скрывать на маленьких разрешениях, меню скрывается при разрешении окна браузера 768px. Здесь я буду ориентироваться на мнение покупателя. Вторую сейчас исправлю, в третьей табы можно в колонки поставить как уже сделано в блогах.
AndroS 1 апреля 2014 в 20:55 0
Интересный шаблон, думаю, ошибки все исправятся. К примеру, на странице профиля в опере контент профиля наползает на аватар пользователя.
Atid 1 апреля 2014 в 21:13 0
Сейчас как раз ведутся работы на странице пользователя.
Профиль будет примерно такой
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.
akhasanov 1 апреля 2014 в 23:56 0
Отлично! Предполагаю, что куплю, как только уйдут баги.
VopisUVD 2 апреля 2014 в 00:38 0
Да ошибки надо проработать... Вот по личному кабинету надо отойти от стандартной системы а то все единообразно у всех никакой индивидуальности. Раньше была у кого то переделка мне лично нравилось...
Atid 11 апреля 2014 в 00:23 0
""
Изображение уменьшено. Щелкните, чтобы увидеть оригинал.

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

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