Шаблоны кода для вставки плеера поверх картинки. |
Меня спросили - можно ли как-то сделать так, чтобы картинка с плеером при "поделении" ссылкой не теряла фоны... Формулы, прочно фиксирующие положение плеера внутри рамочки, перестали работать, поэтому мне не удалось прижать его к нижнему краю изображения. Вот что у меня получилось:
Прежние коды перестали работать в связи с новой версткой страниц на Я.ру.
Предлагаю вам свой вариант, как сделать небольшую рамочку с картинкой и музыкой.
ШАБЛОН КОДА ДЛЯ КАРТИНКИ С ПЛЕЕРОМ
<table style="border:2px solid #737373"
background="АДРЕС ФОНА-ОБРАМЛЕНИЯ" cellspacing="0"
cellpadding="0"><tr><td
style="padding:20px"><table width="ШИРИНА КАРТИНКИ ПОД
ПЛЕЕР" height="ВЫСОТА КАРТИНКИ ПОД ПЛЕЕР" style="border:2px
solid #737373" background="АДРЕС КАРТИНКИ ПОД ПЛЕЕР"
cellspacing="0" cellpadding="0"><tr><td
style="padding:20px" align="center"><span
style="color:#000000;font-size:20px"><center>КОД
ПЛЕЕРА</center></div></div></span></td></tr></tabl e></td></tr></table>
Вот как это будет выглядеть:
( читать далее ) Отступ от верхнего края рамочки до плеера регулируется вручную (через предварительный просмотр). Это зависит от высоты картинки (она в рамочке прочно не фиксируется). Если при вставке кода длина рамочки превысит высоту картинки под плеер, снизу покажется ее верхний край, тогда отступ до кода плеера нужно будет уменьшить.
А вот этот же код, но здесь вместо плеера можно вставлять ссылки:
( читать далее )<table style="border:1px solid #737373"
background="АДРЕС ФОНА-ОБРАМЛЕНИЯ" cellspacing="0"
cellpadding="0"><tr><td
style="padding:20px"><table width="ШИРИНА
КАРТИНКИ-ПОДЛОЖКИ" height="ВЫСОТА КАРТИНКИ-ПОДЛОЖКИ"
style="border:1px solid #737373" background="АДРЕС
КАРТИНКИ-ПОДЛОЖКИ ПОД ТЕКСТ" cellspacing="0"
cellpadding="0"><tr><td style="padding:20px"
align="center"><span
style="color:#000000;font-size:20px"><div
align="center">
Ссылка №1
Ссылка №2
Ссылка №3
</div></span></td></tr></table></td></tr></table>
Получится вот так:
содержимое рамки
содержимое рамки
содержимое рамки
Серия сообщений "Таблицы":
Часть 1 - Разные стили Прокрутки для поста.
Часть 2 - Как вставить ПРОКРУТКУ в пост.
...
Часть 27 - Делаем Таблицу с Картинками(ссылками).
Часть 28 - Генератор таблиц
Часть 29 - Шаблоны кода для вставки плеера поверх картинки.
Часть 30 - Урок по созданию разрезной рамочки-"коврика".
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |