Помощь блогеру Урок по созданию музыкальной открытки 1. Подбираем фоновые картинки для нашей открытки. Получаем их ссылки-адреса через какой-нибудь хостинг или загружаем с компьютера. Я взяла для примера такие: 1. Контур 2. Широкая вставка 3. Фоновая картинка 4. Плеер для музыки 5. Скелет рамки - открытки с плеером копируем в Новую запись дневника <div align="center"><table border="0" cellspacing="0" cellpadding="3" background="КОНТУР"><tbody><tr><td style="padding: 3px;"><table border="0" cellspacing="1" cellpadding="15" background="ШИРОКАЯ ВСТАВКА"><tbody><tr><td style="padding: 15px;"><table border="0" cellspacing="0" cellpadding="3" background="КОНТУР"><tbody><tr><td style="padding: 3px;"><table border="0" background="КАРТИНКА" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding: 0px;" width="400" height="489" valign="top" align="center"><br /> <br /><br /><table background="КАРТИНКА ПЛЕЕРА" height="80" width="80"><tbody><tr><td align="left" style="padding: 0;" valign="middle"><br /><audio controls="controls" src="МУЗЫКА МР3" style="width: 120px; opacity: 0;"></audio></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div><br /> 6. Копируем по очереди ссылки подготовленных картинок и вставляем в код вместо моих слов. Т.е. копируем ссылку первой картинки и вставляем вместо слова "КОНТУР". Затем копируем вторую ссылку и вставляем вместо слов "ШИРОКАЯ ВСТАВКА". И так со всеми картинками. 7. Размер фоновой картинки указываем в тегах width (ширина) и height (высота). Здесь картинка 480х489, поэтому в коде указаны значения width="480" height="489". 8. На место слов "КАРТИНКА ПЛЕЕРА" вставляется адрес картинки любого подходящего плеера. К примеру, такой или тот, который я поставила. И, наконец, получаем готовую музыкальную открытку: Вариаций создания подобных рамок много: можно делать совсем без контуров и фонов или наоборот добавить ещё фонов... Главное понять принцип построения рамок с помощью HTML тегов. А можно сделать вот такую открытку http://www.liveinternet.ru/users/win-win-win/post346502774/ Давно не писала уроки, поэтому может что упустила. Что не понятно, пишите, объясню. Удачи! bloginja

Серия сообщений "Музыкальная открытка":
Часть 1 - Дни бегут... А.Вертинский
Часть 2 - Музыкальные рамки - открытки
Часть 3 - Музыкальная открытка "Кот Леопольд"
Часть 4 - Музыкальная открытка "Баба Яга"
Часть 5 - Урок по созданию музыкальной открытки
Часть 6 - Музыкальная открытка к Новому Году

Серия сообщений "Уроки":
Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 15 - Как ускорить просмотр любого видео в Firefox.
Часть 16 - Плееры для Лиру
Часть 17 - Урок по созданию музыкальной открытки
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставить чужую рамку себе в пост