Получаем код плеера с помощью Рамочника

[показать]
Урок  только для ЛиРу. Как сделать это на Мейле, смотрим ЗДЕСЬ.

 Как получить код плеера любого размера в Рамочнике.
 Оказывается, в нем можно делать не только рамки, но и вот такие чудесные вещи.
 

[показать]

[показать]

[показать]

[показать]

Делаем в фотошопе любой, какой захотите, плеер. Я открыла новый прозрачный файл размером 400 Х 250 пикселей и нарисовала инструментом "Прямоугольник со скругленными углами" радиусом 50-60 пикселей основу для плеера.
Я старалась расположить плеер ровно посередине, чтобы музыка потом встала ровно.

[369x149]

Залив плеер градиентом, применив тиснение, сделав обводку и добавив на плеер любой клипарт, подписала свою работу.
Все, наш плеер готов.

(Если вдруг кто-то вообще не умеет делать плееры, научиться можно ЗДЕСЬ)

[445x275]

Сохраняем его для Веб устройств... с такими параметрами:

[324x337]

Теперь нам надо вставить его в блог и добавить в плеер музыку.

Для начала, загрузим картинку нашего плеера на Яндекс-Фотки. Как это сделать, читаем ЗДЕСЬ.

Оттуда нам нужно будет взять всего два параметра:
1. размеры плеера
2. ссылку на плеер

[503x598]

А затем начинается самое интересное. Идем в РАМОЧНИК и четко действуем по скринам:

[687x608]

[615x371]

Вот, мы получили код и вставили в свой дневник в простой текстовой редактор:

<table width="400" height="211" style="border:0px none #000000" background="http://img-fotki.yandex.ru/get/6501/136160416.67/0_8e3c3_986349f0_L.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"><b>ВАША МУЗЫКА</b></span></td></tr></table>

Казалось бы, что все! Ан, нет...))
Не забудьте поставить перед началом кода тег, который выравнивает плеер по центру:

<div align="center"></div>

И сразу - после слов ВАША МУЗЫКА - ссылку на ваш дневник:

<p align="center"> <a href="АДРЕС ДНЕВНИКА" target="_blank">ВАШ НИК</a></p>

Мне не очень нравится кликабельная ссылка на НИК, плер-то и так вами подписан, поэтому я сделала кликабельную картинку (звездочку) по такой формуле (может она вам тоже понравится):

<p align="center"> <a data-cke-saved-href="АДРЕС ВАШЕГО БЛОГА" href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><img data-cke-saved-src="http://img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg" src="http://img-fotki.yandex.ru/get/5807/136160416.66/0_8c609_706117b9_XS.jpg" border="0" /></a></p>

Если, вдруг, слова ВАША МУЗЫКА "уплывут" наверх, то поставьте перед ними один - два раза тег
, и они встанут на место.

Все! Наконец, основа нашего плеера готова.

ВАША МУЗЫКА [показать]

Осталось только вставить музыку. Для этого, вместо слов ВАША МУЗЫКА, надо вставить плеер.
Как это сделать, читайте ЗДЕСЬ.

После всех процедур получаем вот такой плеер:

[показать]

Жмем на ПРЕДПРОСМОТР и, если все вас устроит, СОХРАНЯЕТЕ.
Удачи вам!!!
для вас Лариса Гурьянова

Серия сообщений "Плееры":

Часть 1 - Как вставить музыку с сайта «privet.ru»?
Часть 2 - Плеер для видео, рамка для видео
...
Часть 44 - Делаем скрытый плеер (невидимку)
Часть 45 - Делаем плеер на сайте grooveshark.com
Часть 46 - Получаем код плеера с помощью Рамочника
Часть 47 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
Часть 48 - Учимся делать музыкальную открытку