Цитата сообщения Егорова_Таня Открытка с аудио с Youtube

ВНИМАНИЕ! Этот урок уже не актуален. На ютубе сделали так, чтобы плеер не работал в открытках.Если найдется решение, то сообщу новым уроком(26.07.12)


Открытка с аудио с Youtube
Многие наверно не раз смотрели музыкальные клипы на Ютубе.Музыка нравится,а сам ролик нет.Предлагаю,если кому понравится,делать вот такие открыточки с аудио с Ютуба.

ЕгороваТатьяна

Код готовой открытки.
В нее надо только поставить свою ссылку.
<center><table align="center"><table width="500" height="400" style="border:6px ridge #0066ff" background="//s60.radikal.ru/i169/1107/5b/459526d11891.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><span style="font-family:Georgia;color:#000000;font-size:20px"><b><p align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru"><font size="1"><font color="ffffff">ЕгороваТатьяна</font></font></a></p><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.youtube.com%2Fv%2F%D0%A1%D0%A1%D0%AB%D0%9B%D0%9A%D0%90%3Fversion%3D3%26hl%3Dru_RU&flash_width=550&flash_height=28&style=" width=550 height=28 style="width:550;height:28; border:0px outset;" scrolling="no" frameborder="0"></iframe></b></span></td></tr></table></table></center>

ЕгороваТатьяна

Код готовой открытки.
В нее надо только поставить свою ссылку.
<center><table align="center"><table width="530" height="360" style="border:10px ridge #cc0066" background="//s008.radikal.ru/i306/1107/38/e7fa6ee39c1d.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><span style="font-family:Georgia;color:#000000;font-size:20px"><b><p align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru"><font size="1"><font color="ffffff">ЕгороваТатьяна</font></font></a></p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.youtube.com%2Fv%2F%D0%A1%D0%A1%D0%AB%D0%9B%D0%9A%D0%90%3Fversion%3D3%26hl%3Dru_RU&flash_width=530&flash_height=28&style=" width=530 height=28 style="width:530;height:28; border:0px outset;" scrolling="no" frameborder="0"></iframe></b></span></td></tr></table></table></center>
Ниже код открытки,
которую вы будете делать сами.
<center><table align="center"><table width="ШИРИНА" height="ВЫСОТА" style="border:РАЗМЕРpx ridge #ЦВЕТ" background="КАРТИНКА" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><span style="font-family:Georgia;color:#000000;font-size:20px"><b><p align="right"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС"><font size="1"><font color="ЦВЕТ">ИМЯ</font></font></a></p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.youtube.com%2Fv%2F%D0%A1%D0%A1%D0%AB%D0%9B%D0%9A%D0%90%3Fversion%3D3%26hl%3Dru_RU&flash_width=480&flash_height=28&style=" width=480 height=28 style="width:480;height:28; border:0px outset;" scrolling="no" frameborder="0"></iframe></b></span></td></tr></table></table></center>


Все делается практически так же ,как и в этом уроке.Копируете код открытки из окошка.Находите ролик с понравившейся мелодией на Ютубе.
Копируете его http-адрес(ссылку),берете из него только то,что показано на скриншоте ниже.Ставите вместо моего слова ССЫЛКА(в 2-х местах).



Если ссылка выглядит вот так,как на скрине ниже,то берем другую часть http-адреса


Загружаете нужную картинку на Радикал.После выдачи ссылок смотрите и запоминаете ее ширину и высоту.Копируем 1-ю ссылку.

Ставим эту ссылку в код вместо моего слова КАРТИНКА.Вместо слов ШИРИНА и ВЫСОТА ставим нужные размеры или лучше чуть-чуть поменьше настоящего размера на 10 единиц.
Дальше окантовка рамочки вокруг открытки.Цвет можете поставить любой.Кто не знает как узнать код цвета,воспользуйтесь генератором цвета ниже.

Выберите цвет и скопируйте его код:

Вот эти 6 знаков надо поставить вместо слова ЦВЕТ.Ширину самой окантовки тоже можно изменить на большую или меньшую.В коде это место обозначено как РАЗМЕР.

Теперь надо подогнать ширину плеера под ширину рамки-картинки.Это совсем просто..В коде плеера замените цифру 480(см. скрин) на настоящую ширину картинки,ту,что выдал Радикал.


В правом верхнем углу ссылка на Ваш блог.Вместо моего слова АДРЕС вносите адрес Вашего блога.Вместо слова ИМЯ пишите свой ник или имя.Цвет ссылки тоже можно поменять,если нужно,чтобы ее хорошо было видно.Там замените слово ЦВЕТ так,как было описано выше.

Ширину плеера ставить меньше,чем 440 пикселей не рекомендую,так как можно обрезать аудио.Соответственно ширина картинки должна быть не меньше.Очень большие изображения(более 750) можно обрезать.Кто не знает КАК смотрите тут.Плеер и картинка отразятся в записи только после того,как вы поставите все нужные ссылки и размеры.Если плеер будет находиться выше,чем Вам хотелось бы,то поставьте перед его кодом много< br/>или оставьте побольше пустого места,т.е. отрегулируйте его положение в рамке.После последнего</OBJECT>удалите так же все< br/ >.
Кто сам умеет делать рамки,разберутся.Эти подробности для новичков.Такую открытку можно поставить в рамку с текстом.На всякий случай даю код самого плеера без картинки.



<br/><IFRAME src="//flashframe.li.ru/showflash.html?tag_value=%2F%2Fwww.youtube.com%2Fv%2F%D0%A1%D0%A1%D0%AB%D0%9B%D0%9A%D0%90%3Fversion%3D3%26hl%3Dru_RU&flash_width=400&flash_height=28&style=" width=400 height=28 style="width:400;height:28; border:0px outset;" scrolling="no" frameborder="0"></iframe>
Код поста и плееров для Mail.ru здесь