• Авторизация


Шаблоны кода для вставки плеера поверх картинки. 19-02-2014 05:08 к комментариям - к полной версии - понравилось!


Шаблоны кода для вставки плеера поверх картинки.

Меня спросили -  можно ли как-то сделать так, чтобы картинка с плеером при "поделении" ссылкой не теряла фоны... Формулы, прочно фиксирующие положение плеера внутри рамочки, перестали работать, поэтому мне не удалось прижать его к нижнему краю изображения. Вот что у меня получилось:

Прежние коды перестали работать в связи с новой версткой страниц на Я.ру.
Предлагаю вам свой вариант, как сделать небольшую рамочку с картинкой и музыкой.

ШАБЛОН КОДА ДЛЯ КАРТИНКИ С ПЛЕЕРОМ

<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></table></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>

Получится вот так:















содержимое рамки
содержимое рамки
содержимое рамки
center
Спасибо!!

 

вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Шаблоны кода для вставки плеера поверх картинки. | Любава_я - Все, что нравится, чем дорожу и что люблю.... | Лента друзей Любава_я / Полная версия Добавить в друзья Страницы: раньше»