Адаптивные видео в шаблонах с Bootstrap (Решено)

В Bootstrap-е есть замечательная возможность сделать встраиваемые видео адаптивными. Для этого нужно для iframe (или object) видео присвоить класс embed-responsive-item, а затем обернуть в блок с классом embed-responsive embed-responsive-16by9 (source).
<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="..."></iframe>
</div>

Естественно, это будет работать только на bootstrap-based скинах. Благо, таковых много, в основном благодаря vOFFka , за что ему огромное спасибо!

Задумался, как реализовать это в Livestreet:
Все работает, если подкорректировать замену тега video, добавив указанную выше конструкцию в Text.class.php.

Однако подобные изменения коснутся любого скина. У нас же фича скин-специфичная.

Вопрос:
Как реализовать подобную обертку, чтобы она работала только для определенного скина? М.б. js?

UPD: Решение при помощи js:
В файл template.js в шаблоне добавляем две строки:
$("iframe").addClass('embed-responsive-item');
$("iframe").wrap('<div class="embed-responsive embed-responsive-16by9"/>');

Orion flat-шаблон для Livestreet

9 фото
image
Наконец-то мы выкладываем наш шаблон в каталог! Спустя 5 месяцев работы, мы объявляем начало продаж. Сделано очень много работы, за основу взят bootstrap 3, стилизованный под flat.



На момент релиза реализовано:
  • Bootstrap 3 со всеми его прелестями(Включая модальные окна)
  • Легкий и ненавязчивый flat дизайн c возможностью смены основного цвета.
  • Текстовые иконки
  • Настройка ленты топиков(На момент выхода шаблона в каталог 4 стиля)
  • Фоновая картинка в шапке, а также большое превью для топиков.
  • Стилизированный плагин mainpreview, теперь он более интерактивный.
  • Появились вкладки в профиле и при создании топика-фотосета.
  • Стену и активность вынесли на главную в профиле.
  • Ajax загрузка топиков на главной странице
  • Новый стиль редактора текста
И не считанное количество мелочей....

Цена:
Цена — 800р. Деньги пойдут на 2 версию шаблона(над которой мы уже работаем).

Домо находится тут — mapleart.ru/demo/
Удачного просмотра, надеемся что вы будите нашими покупателями!


Из-за незнания, что ls берет большую комиссию цена на следующую версию поднимется до 1000р. Успеваем купить!!

Шаблон "Maxone"

Готов еще один шаблон для LiveStreet. В шаблоне присутствуют настройки, комбинируя которые можно получить различные виды отображения лент топиков. Ниже расписаны основные их варианты, но у Вас может получиться и что-то свое. :)

Особенности шаблона:
  • Адаптивность (базируется на Bootstrap).
  • Четыре режима отображения ленты топиков:
    • обычная лента,
    • простая сетка,
    • masonry-сетка (2 вида).
  • Различные комбинации отображения сеток:
    • с большой миниатюрой,
    • в 2, 3 и 4 столбца,
    • с одинаковыми по высоте превьюшками и разными,
    • миниатюра с кратким описанием и без него.
  • Два вида отображения страницы блога: стандартный и с выносом информации в блок.
  • Настройка вывода некоторых элементов шаблона:
    • увеличенная шапка сайта,
    • аватар блога в топике,
    • большие превью в начале топика.
  • Open Graph и Twitter Cards

Читать дальше →

Шаблон "Jupiter" v.0.1.0

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

Из особенностей шаблона:
  • Адаптивность (базируется на Bootstrap).
  • Три режима отображения ленты топиков: masonry-сетка, простая сетка, обычная лента.
  • Переработанная страница блога — некоторые элементы вынесены в блоки.
  • Настройка вывода некоторых элементов шаблона — включение прикрепленной шапки, вывод описания сайта, вывод аватара и описания блога в блоке на странице топика, вывод описания блога в основном содержимом либо в блоке на странице блога.
  • «Boxed» и «Full width» режимы отображения сайта.

Читать дальше →