Стили CSS — Помещаем видеоролик от YouTube и ему подобных в рамочку в качестве украшательства

Автор: Крис Койер
Перевод: Всеволод Козлов

Не знаю, как Вам, а мне надоело уже созерцать прямоугольный экран видеороликов YouTube и ему подобных видеосервисов. Предлагаю Вам решение этой проблемы:

Стили CSS - Помещаем видеоролик от YouTube и ему подобных в рамочку в качестве украшательства

Фрагмент CSS-кода

#youtube_zone {
width: 700px;
height: 500px;
margin: 0 auto;
padding-left: 128px;
padding-top: 76px;
background-image: url("youtube-background.jpg");
background-repeat: no-repeat;
}

Фрагмент HTML-кода

<div id="youtube_zone">
код YouTube
</div>

Специально для Вас я предоставляю архив с этим же примером для скачивания одним архивом. Причем в архиве есть psd-файл рамки. Можете изменить имеющуюся или создать что-то свое — новое и креативное!

[Скачать пример]

Оригинал статьи: Spice Up Embedded YouTube Videos with Background CSS

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*