Как наложить иконку плеера поверх картинки на примере youtube превью

При использовании великолепного плагина YouTube PopUp jQuery Plugin который позволяет любой ссылке ведущей на страницу видео-хостинга YouTube добавить специальный CSS класс для запуска в модальном окне полноценного плеера. Все это прекрасно для вновь добавляемых роликов. Но как быть с тем, что уже...

Показ видео с youtube по ссылке на страницу ролика - YouTube PopUp jQuery Plugin

YouTube PopUp jQuery Plugin Для DataLife Engine. Теперь в виде плагина для простой установке в свой шаблон. Доработка плагина для использования в шаблона DLE CMS. Например для RSS информеров в которых используются ссылки на youtube ролики. Исходный плагин, перенесен в структуру папок шаблона DLE....

CSS Grid понятно для всех

Что такое Grid? Grid представляет собой пересекающийся набор горизонтальных и вертикальных линий — один набор определяет столбцы, а другой строки. Элементы могут быть помещены в сетку, соответственно строкам и столбцам. Поддержка браузерами В 2020 году поддержка браузерами достигает 94 % Grid...

[Из песочницы] Как верстать веб-интерфейсы быстро, качественно и интересно

Всем привет! Давно хотел и наконец написал небольшую книжку — бодрое пособие по своей профессиональной области: актуальным подходам к разметке интерфейсов, экранному дизайну и доступности. Она о моем оригинальном подходе к созданию GUI, препроцессорам CSS (для объективности, немного и об...

Забудьте про RGB и HEX

В CSS существует несколько способов представления цветов. Один из них — система HSL. В этой статье я покажу вам, какие возможности она открывает для верстальщика. Читать дальше →...

[Перевод] CSS Grid: Верстаем адаптивный журнальный макет в 20 строк

Недавно я работал над современной реализацией блогролла (перечня внешних полезных/интересных блогов). Замысел был в том, чтобы предоставить читателям подборку из последних постов в этих блогах, упакованную в журнальную вёрстку, а не сухой список ссылок в сайдбаре. Самая простая часть задачи —...

Как поставить якорь для комментария в DLE 11

Новые теги появившиеся в DataLife Engine 11 наконец-то позволили добавить худо-бедно поддержку якорей для перехода к конкретным комментариям внутри публикации. Думаю многие сталкивались с тем, что в DLE нет возможности перейти по прямой ссылке на нужный комментарий, по-умолчанию мы можем только...

Как сделать вывод похожих новостей на усмотрения редакции

Вместо автоматической подборки похожих новостей в DLE можно без каких-либо модификаций исходного кода реализовать вывод "рекомендуемых новостей" на усмотрение автора публикации. Весь секрет в использовании тегов custom новостей и дополнительных полей....

Шаблон версии для печати print.tpl для DLE

Страница сайта предназначаемая для печати в современном вебе уже не так актуальна как во времена ЭЛТ-мониторов и отстуствия постоянного онлайна, но в некоторых областях до сих пор есть спрос на такие страницы. Встроенный в базовый набор движка DataLife Engine стиль шаблонов "версии для печати"...

Шаблон версии для печати print.tpl для DLE
шаблон бесплатно, адаптация от 500 рублей.
https://tcse-cms.com/works/654-print-tpl-dle.html | Наши разработки
Заказать мод

Обновленный дизайн для photogrammetria.ru

В марте 2014 года мы представляем обновленный и переработанный дизайн для корпоративного сайта компании "НПП Фотограмметрия". В 2008 году мы уже проводили работы по редизайну сайта и вот опять актуальный адаптивный дизайн для клиентов компании. В качестве основы - фреймворк twitter bootsrap 3....

Интернет-магазина GPS навигаторов - 1000GPS.ru

Работа над интернет-магазином по продаже GPS навигаторов включала в себя: редизайн сайта, модернизацию движка и доработку необходимого функционала. Как и ранее, типичный посетитель интернет-магазина хочет быстро найти товар с минимальной ценой и также быстро оформить заказ. А дальше уже начинается...

Верстка шаблона и внедрение нового дизайна для журнала ГрузАвтоИНФО

Мы рады представить свою новую работу - внедрение дизайна, предоставленного заказчиком, в готовый шаблон для новостного движка DataLife Engine. Потребовалось не просто сверстать html-страницу, но и реализовать некоторые не типичные функции для стандартной версии движка. В итоге, после почти месяца...

Архив сайта

Реклама на сайте Веб-студия https://hover.com.ua/ в Киеве