Это цитата сообщения Великовозрастное_дитя Оригинальное сообщение

Добавляем музыку к открытке

Возьмем пример рамки, код которой мне любезно прислала Kapitoshka_70, за что ей огромное спасибо!

<center> <table cellpadding="3" border="1" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="10" border="1" background="http://img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"> <tr> <td> <table cellpadding="3" border="2" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="50" border="1" background="http://img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"> <tr> <td> <center> <table cellpadding="3" border="1" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"> <tr> <td> <table cellpadding="15" border="2" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"> <tr> <td> <center> <table cellpadding="3" border="0" background="http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"> <tr> <td> <center> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.park-otel.com/application/includes/uploadIMG/191.jpg" target=_blank border="0">[показать]</a> <br /> </center> </td> </tr> </table> <font size="5"> <font color="#E7B061"> <font face="Palatino Linotype"> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" target=_blank border="0">[показать]</a> <br /> <i> <b> <center> <br /> ВАШ ТЕКСТ </center> </b> </i><br /><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" target=_blank border="0">[показать]</a> <br /> </font> </font> </font> <br /> </center> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> </td> </tr> </table> <center> <a href="http://www.liveinternet.ru/users/zoya_kulakovskaya/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"> <font style="CURSOR: hand" face="italik" size="2"> <font color="#E7B061">Zosik_K</font> </font> </marquee> </a> </center> </td> </tr> </table> </td> </tr> </table> </center>

Вот как эта рамка будет выглядеть в дневнике

[показать] [показать] ВАШ ТЕКСТ [показать] Zosik_K

Добавим к окрытке фоновую музыку. Сделать это можно если разместить в посте код флеш плеера

[flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://vln.dp.ua/li/new_year_mix.mp3&autoPlay=true?playerMode=embedded]

В коде плеера http://vln.dp.ua/li/new_year_mix.mp3 это ссылка на музыкальный файл. Замените на другую ссылку и будете наслаждатся другой музыкой :)

Совместим оба кода

[flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://vln.dp.ua/li/new_year_mix.mp3&autoPlay=true?playerMode=embedded] <table cellpadding="3" border="1" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="10" border="1" background="http://img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"> <tr> <td> <table cellpadding="3" border="2" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="50" border="1" background="http://img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"> <tr> <td> <center> <table cellpadding="3" border="1" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"> <tr> <td> <table cellpadding="15" border="2" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"> <tr> <td> <center> <table cellpadding="3" border="0" background="http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"> <tr> <td> <center> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.park-otel.com/application/includes/uploadIMG/191.jpg" target=_blank border="0">[показать]</a> <br /> </center> </td> </tr> </table> <font size="5"> <font color="#E7B061"> <font face="Palatino Linotype"> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" target=_blank border="0">[показать]</a> <br /> <i> <b> <center> <br /> ВАШ ТЕКСТ </center> </b> </i><br /><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" target=_blank border="0">[показать]</a> <br /> </font> </font> </font> <br /> </center> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> </td> </tr> </table> <center> <a href="http://www.liveinternet.ru/users/zoya_kulakovskaya/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"> <font style="CURSOR: hand" face="italik" size="2"> <font color="#E7B061">Zosik_K</font> </font> </marquee> </a> </center> </td> </tr> </table> </td> </tr> </table>

Вот что получится

[показать] [показать] ВАШ ТЕКСТ [показать] Zosik_K

Что бы плеер не был виден пойдем на хитрость. Выведем саму открытку немного выше что бы перекрыть на экране плеер. Это сделать очень просто! Достаточно в коде открытки, в самой первой таблице добавить в стиль запись position: relative; top: -40px;. Что будет означать что вывести таблицу нужно на 40 пикселей выше чем она бы обычно выводилась .

<center> [flash=400,27,http://www.google.com/reader/ui/3247397568-audio-player.swf?audioUrl=http://vln.dp.ua/li/new_year_mix.mp3&autoPlay=true?playerMode=embedded] <table cellpadding="3" border="1" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px; position: relative; top: -40px;"> <tr> <td> <table cellpadding="10" border="1" background="http://img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"> <tr> <td> <table cellpadding="3" border="2" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"> <tr> <td> <table cellpadding="50" border="1" background="http://img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"> <tr> <td> <center> <table cellpadding="3" border="1" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"> <tr> <td> <table cellpadding="15" border="2" background="http://img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"> <tr> <td> <center> <table cellpadding="3" border="0" background="http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"> <tr> <td> <center> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.park-otel.com/application/includes/uploadIMG/191.jpg" target=_blank border="0">[показать]</a> <br /> </center> </td> </tr> </table> <font size="5"> <font color="#E7B061"> <font face="Palatino Linotype"> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" target=_blank border="0">[показать]</a> <br /> <i> <b> <center> <br /> ВАШ ТЕКСТ </center> </b> </i><br /><img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" target=_blank border="0">[показать]</a> <br /> </font> </font> </font> <br /> </center> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> </td> </tr> </table> <center> <a href="http://www.liveinternet.ru/users/zoya_kulakovskaya/profile"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"> <font style="CURSOR: hand" face="italik" size="2"> <font color="#E7B061">Zosik_K</font> </font> </marquee> </a> </center> </td> </tr> </table> </td> </tr> </table> </center>

И вот что получилось

[показать] [показать] ВАШ ТЕКСТ [показать] Zosik_K

Берем любую рамку дописываем в стиль самой первой таблицы position: relative; top: -40;, если стиля нет то добавим его style="position: relative; top: -40px;" , добавляем перед первой таблицей код плеера и получаем открытку с музыкой :)