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

Вторник, 12 Февраля 2013 г. 14:48 + в цитатник

Цитата сообщения Великовозрастное_дитя

Прочитать целиком В свой цитатник или сообщество!

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

Возьмем пример рамки, код которой мне любезно прислала 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" />
<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" />
<br />
<i>
<b>
<center>
<br />
ВАШ ТЕКСТ
</center>
</b>
</i><br /><img src="//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 target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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

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

В коде плеера 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="//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" />
<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" />
<br />
<i>
<b>
<center>
<br />
ВАШ ТЕКСТ
</center>
</b>
</i><br /><img src="//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 target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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="//img0.liveinternet.ru/images/attach/c/0//52/200/52200693_2.jpg">
<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" />
<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" />
<br />
<i>
<b>
<center>
<br />
ВАШ ТЕКСТ
</center>
</b>
</i><br /><img src="//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 target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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;" , добавляем перед первой таблицей код плеера и получаем открытку с музыкой :)

Рубрики:

Барахолка
уроки по флеш
Плееры для сборки