-Приложения

  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Онлайн-игра "Большая ферма" Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст

 -Всегда под рукой

 -Рубрики

 -Сообщества

Читатель сообществ (Всего в списке: 4) Вязание_крючком Книжная_полка New_Photoshopinka Схемы-вязания

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 29.11.2010
Записей: 10129
Комментариев: 10275
Написано: 22323


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

Среда, 19 Февраля 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
Спасибо!!

 

Серия сообщений "Таблицы":
Часть 1 - Разные стили Прокрутки для поста.
Часть 2 - Как вставить ПРОКРУТКУ в пост.
...
Часть 27 - Делаем Таблицу с Картинками(ссылками).
Часть 28 - Генератор таблиц
Часть 29 - Шаблоны кода для вставки плеера поверх картинки.
Часть 30 - Урок по созданию разрезной рамочки-&quot;коврика&quot;.


Radeia   обратиться по имени Среда, 19 Февраля 2014 г. 05:47 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку