◆:*:◇:*:◆:*:◇:*:◆ В принципе МУЗЫКАЛЬНАЯ ОТКРЫТКА это обычная однослойная рамочка - так называемый ПЛЕЕР; двуслойная или трехслойная рамочка с одним или более ПЛЕЕРами... Итак начнем собирать открытки? №1.Сам ПЛЕЕР без фона вот он - КОД в окошке <audio controls="controls" loop="loop" src="https://img0.liveinternet.ru/images/attach/d/0//9908/9908415_orjm__recollections__krasivaya_ochen_priyatnaya_muzyka_bez_slov__iplayer.mp3" title="_ ***Красивая осенняя мелодия/фортепиано/***_" style="width: 25px; height: 25px; border-radius: 100px; box-shadow: 0 0 0 3px #000000; background-color: black;" type="audio"></audio><br /> Тег controls" loop="loop" отвечает за повтор мелодии. Тег #000000 отвечает за цвет обводки №2.ПЛЕЕР на фоне.Фон маленький Код ПЛЕЕРА на фоне: <table border="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/d/3/153/887/153887673_21194133gAiZqvNd__1_.gif "><tr><td valign="middle" align="center" width="190" height="70" style="padding:0px"><br /> <audio controls="controls" loop="loop" src="https://img1.liveinternet.ru/images/attach/d/3//13389/13389865_vals_dunayskie_volnuy.mp3" title="_ Вальс ***ДУНАЙСКИЕ ВОЛНЫ(аккордеон)***_" style="width: 20px; height: 20px; border-radius: 100px; box-shadow: 0 0 0 3px #545685; background-color: black;" type="audio"></audio><br /> <br /></td></tr></table> Теги td valign="middle" align="center" отвечают за положение самого плеера на картинке. Их можно менять: valign="middle"(середина по горизонтали и вертикали) valign="top" (в верху) valign="bottom" (внизу) align="center" (по центру) align="left" (слева) align="right" (справа) ВАРИАЦИИ Кода ПЛЕЕРА на фоне в окошке: <br /> 0.Код этого плеера мне кажется самым удачным.<br /> <table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="middle" align="center" style="padding:0px">ПЛЕЕР - ФЛЕШ ИЛИ HTML5</td></tr></table> <br /> 1. Вверху слева<br /> <table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px">ПЛЕЕР - ФЛЕШ ИЛИ HTML5</td></tr></table> <br /> 2. Вверху центра<br /> <table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px">ПЛЕЕР - ФЛЕШ ИЛИ HTML5</td></tr></table> <br /> 3. Вверху справа<br /> <table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ"><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px">ПЛЕЕР - ФЛЕШ ИЛИ HTML5</td></tr></table><br /> 4. Внизу слева<br /> <table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px">ПЛЕЕР - ФЛЕШ ИЛИ HTML5</td></tr></table> <br /> 5. Внизу центра<br /> <table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px">ПЛЕЕР - ФЛЕШ ИЛИ HTML5</td></tr></table> <br /> 6. Внизу справа<br /> <table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ"><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px">ПЛЕЕР - ФЛЕШ ИЛИ HTML5</td></tr></table> <br /> Прямо из окошка скопируйте себе его код, если нужно! Ну вот первая внутренняя рамочка ПЛЕЕРА HTML5 на маленьком фоне готова! №3.Переходим к двухслойной рамочке, т.е. непосредственно МУЗ.ОТКРЫТКЕ Код готовой двух слойной МУЗ.ОТКРЫТКИ с ПЛЕЕРОМ HTML5 на маленьком фоне: <table border="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/d/3/153/890/153890871_2463130i9qg4PPr0.png"><tr><td valign="bottom" align="right" width="700" height="700" style="padding:0px"><table border="0" cellpadding="0" background="//img0.liveinternet.ru/images/attach/d/3/153/887/153887666_21193611txdKGp1u__1_.gif"><tr><td valign="middle" align="center" width="190" height="70" style="padding:0px"><br /> <audio controls="controls" loop="loop" src="https://img1.liveinternet.ru/images/attach/d/3//13389/13389781_beluyy_tanec_vals_l.mp3" title="_Л.Сенчина***Белый танец*** /Вальс/_" style="width: 20px; height: 20px; border-radius: 100px; box-shadow: 0 0 0 3px #51497A; background-color: black;" type="audio"></audio><br /></td></tr></table></td></tr></table><br /> Тег br / регулирует высоту ПЛЕЕРА: под плеером поднимает его вверх, А над плеером опускает вниз. Формулы для ДВУХСЛОЙНОЙ ОТКРЫТКИ те же. Только вместо слов "ПЛЕЕР - ФЛЕШ ИЛИ HTML5" вставляем уже готовый код плеера на фоне. Если высота этого плеера не велика относительно основного фона Муз.Открытки, то плееров можно поставить несколько Код с несколькими плеерами: <table border="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/d/3/153/890/153890871_2463130i9qg4PPr0.png"><tr><td valign="bottom" align="right" width="702" height="700" style="padding:0px"><table border="0" cellpadding="0" background="//img0.liveinternet.ru/images/attach/d/3/153/887/153887666_21193611txdKGp1u__1_.gif"><tr><td valign="middle" align="center" width="190" height="70" style="padding:0px"><br /> <audio controls="controls" loop="loop" src="https://img1.liveinternet.ru/images/attach/d/3//13389/13389781_beluyy_tanec_vals_l.mp3" title="_Л.Сенчина***Белый танец*** /Вальс/_" style="width: 20px; height: 20px; border-radius: 100px; box-shadow: 0 0 0 3px #51497A; background-color: black;" type="audio"></audio><br /> <br /></td></tr></table><br /> <table border="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/d/3/153/887/153887673_21194133gAiZqvNd__1_.gif "><tr><td valign="middle" align="center" width="190" height="70" style="padding:0px"><br /> <audio controls="controls" loop="loop" src="https://img1.liveinternet.ru/images/attach/d/3//13389/13389865_vals_dunayskie_volnuy.mp3" title="_ Вальс ***ДУНАЙСКИЕ ВОЛНЫ(аккордеон)***_" style="width: 20px; height: 20px; border-radius: 100px; box-shadow: 0 0 0 3px #545685; background-color: black;" type="audio"></audio><br /> <br /></td></tr></table><br /> <table border="0" cellpadding="0" background="//img0.liveinternet.ru/images/attach/d/3/153/887/153887666_21193611txdKGp1u__1_.gif"><tr><td valign="middle" align="center" width="190" height="70" style="padding:0px"><br /> <audio controls="controls" loop="loop" src="https://img1.liveinternet.ru/images/attach/d/3//13389/13389778_andr_233_rieu__the_second_waltz__shostakovich_.mp3" title="_ André Rieu***The Second Waltz*** (Shostakovich ***_" style="width: 20px; height: 20px; border-radius: 100px; box-shadow: 0 0 0 3px #545685; background-color: black;" type="audio"></audio><br /> <br /></td></tr></table></td></tr></table><br /> №4.Ну и наконец ТРЕХСЛОЙНАЯ (и более слоев) Муз.открытка получается если к основному коду добавить слой-обводку Код Формулы четырехслойной Муз открытки: <table background="URL АДРЕС первого слоя обводки" border="0" cellpadding="3" cellspacing="0"> <tr> <td style="padding:3px"><table background="URL АДРЕС второго слоя обводки" border="0" cellpadding="3" cellspacing="0"><tr> <td style="padding:7px"> <table background="URL АДРЕС основного слоя" border="0" cellpadding="3" cellspacing="0"> <tr> <td style="padding:3px">КОД ПЛЕЕРА С КАРТИНКОЙ</td></tr></table></td></tr></table></td></tr></table><br /> Исходники: 1-й Слой-обводка 2-й Слой-обводка Основной слой Четырехслойная открытка

Серия сообщений "ШПАРГАЛКИ":

Часть 1 - УЧУСЬ ДЕЛАТЬ ОТКРЫТКИ С ПЛЕЕРОМ (моя ШПАРГАЛКА №1)
Часть 2 - Я гиф-Реаниматор:))(шпаргалка)
...
Часть 25 - Моя шпаргалка: Как "увековечить" понравившийся флешь плейер:)))
Часть 26 - Рыбка жаренная или как поставить видео с РАДИКАЛА/моя шпаргалка/
Часть 27 - Шпаргалка "Как сделать муз.открытку"