суббота, 2 января 2010 г.

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



Написано Великовозрастное_дитя Оригинальное сообщение Как добавить музыку к открытке?

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



























































ВАШ ТЕКСТ




















Zosik_K









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



ВАШ ТЕКСТ

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]























































ВАШ ТЕКСТ




















Zosik_K









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



ВАШ ТЕКСТ

Zosik_K

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





[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]























































ВАШ ТЕКСТ




















Zosik_K








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



ВАШ ТЕКСТ

Zosik_K

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

Комментариев нет:

Отправить комментарий