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



 

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

<center><table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"><tr><td><table cellpadding="10" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"><tr><td><table cellpadding="3" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"><tr><td><table cellpadding="50" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"><tr><td><center><table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"><tr><td> <table cellpadding="15" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"><tr><td><center><table cellpadding="3" border="0" background="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"><tr><td><center><img src="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" _fcksavedurl="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" /><br /></center></td></tr></table><font size="5"><font color="#E7B061"><font face="Palatino Linotype"><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /><br /><i><b><center><br />ВАШ ТЕКСТ</center></b></i><br /><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /><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" _fcksavedurl="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

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

<br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.google.com%2Freader%2Fui%2F3247397568-audio-player.swf%3FaudioUrl%3D%2F%2Fvln.dp.ua%2Fli%2Fnew_year_mix.mp3%26amp%3BautoPlay%3Dtrue%3FplayerMode%3Dembedded&flash_width=400&flash_height=27&style=background-color%3A%23F5FFEC%3B+" width=400 height=27 style="width:400;height:27; border:0px outset;" scrolling="no" frameborder="0"></iframe>

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

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

<br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.google.com%2Freader%2Fui%2F3247397568-audio-player.swf%3FaudioUrl%3D%2F%2Fvln.dp.ua%2Fli%2Fnew_year_mix.mp3%26amp%3BautoPlay%3Dtrue%3FplayerMode%3Dembedded&flash_width=400&flash_height=27&style=background-color%3A%23F5FFEC%3B+" width=400 height=27 style="width:400;height:27; border:0px outset;" scrolling="no" frameborder="0"></iframe><table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"><tr><td><table cellpadding="10" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"><tr><td><table cellpadding="3" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"><tr><td><table cellpadding="50" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"><tr><td><center><table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"><tr><td> <table cellpadding="15" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"><tr><td><center><table cellpadding="3" border="0" background="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"><tr><td><center><img src="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" _fcksavedurl="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" /><br /></center></td></tr></table><font size="5"><font color="#E7B061"><font face="Palatino Linotype"><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /><br /><i><b><center><br />ВАШ ТЕКСТ</center></b></i><br /><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /><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" _fcksavedurl="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><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.google.com%2Freader%2Fui%2F3247397568-audio-player.swf%3FaudioUrl%3D%2F%2Fvln.dp.ua%2Fli%2Fnew_year_mix.mp3%26amp%3BautoPlay%3Dtrue%3FplayerMode%3Dembedded&flash_width=400&flash_height=27&style=background-color%3A%23F5FFEC%3B+" width=400 height=27 style="width:400;height:27; border:0px outset;" scrolling="no" frameborder="0"></iframe><table cellpadding="3" border="1" background="//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="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg"><tr><td><table cellpadding="3" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg" style="width: 600px;"><tr><td><table cellpadding="50" border="1" background="//img1.liveinternet.ru/images/attach/c/0//52/200/52200687_1.jpg" style="width: 600px;"><tr><td><center><table cellpadding="3" border="1" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg"><tr><td> <table cellpadding="15" border="2" background="//img0.liveinternet.ru/images/attach/c/0//52/200/52200701_3.jpg" style="width: 100%;"><tr><td><center><table cellpadding="3" border="0" background="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif"><tr><td><center><img src="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" _fcksavedurl="http://www.park-otel.com/application/includes/uploadIMG/191.jpg" /><br /></center></td></tr></table><font size="5"><font color="#E7B061"><font face="Palatino Linotype"><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /><br /><i><b><center><br />ВАШ ТЕКСТ</center></b></i><br /><img src="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" _fcksavedurl="//img0.liveinternet.ru/images/attach/c/0//52/172/52172576_d72d40bafda91fed57f41bf6c280.gif" /><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" _fcksavedurl="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;" , добавляем перед первой таблицей код плеера и получаем открытку с музыкой :)