Как изменить цвет плеера под цвет рамочки,а потом вставить плеер в картинку?

Пятница, 08 Июля 2011 г. 20:16 + в цитатник

Цитата сообщения Arnusha

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

Как изменить цвет плеера под цвет рамочки,а потом вставить плеер в картинку?Урок...

(180x140, 35Kb)

Мне часто задают вопрос как самим изменить цвет плеера,чтобы он подходил под цвет вашей рамочки или дизайн вашей странички.
И раз зашел об этом разговор,то проследим вместе с вами весь путь ,где взять,как взять и как поменять цвет,размер и всё остальное.
ИТАК,начнем:
Нам нужен плеер с музыкой...код которого можно получить на таком вот например сайте..http://privet.ru/
Найдите там слово АУДИО и жмите.(рис.1)

На открывшейся странице, которая откроется выше увидите слова РАСШИРЕННЫЙ ПОИСК .(рис 3).,жмите на это,дальше вводите исполнителя и название песни,которое вы будете вставлять в плеер.Ну вот вам открылся плеер и музыка на нем,а возле плеера есть код.Это правый нижний угол от плеера..Вот его мы и будем копировать..

Копируем его...

Скопированный код переносим в свой Дневник, вставляем в HTML-режиме.

Корректируем основные параметры. Высота height="75", вместо цифры 75, пишем 18.

Заменяем в Коде 2 раза!

Ширина width="470" Цифру 470 заменяем на любую, например, на 270.
Заменяем в Коде 2 раза!
Размеры меняйте под свои рамочки,картинки,какие хотите.Здесь я привожу те,которые я
обычно меняю для своих рамок.
Итак:меняем цвет плеера:
backcolor=0xFFFFFF - это цвет плеера. Нужно заменить 6 знаков после 0x. Заменяем в коде 2 раза.
frontcolor=0x000000 - это цвет значков на плеере.
Нужно заменить 6 знаков после 0x. Заменяем в коде 2 раза.

frontcolor=0x000000 - это цвет значков на плеере.
Нужно заменить 6 знаков после 0x. Заменяем в коде 2 раза.

lightcolor=0xF26521 - это цвет линии загрузки мелодии.
6 знаков после 0x заменяем в коде 2 раза.

Вот такой плеер я взяла

Вот таким его можно сделать

Коды цвета можно посмотреть и взять здесь,установив вот эту симпатичную флешку:

Готово! Теперь копируете отредактированный код и вставляете куда вам надо!
Вот готовый код формула,где видно,куда вставлять адрес картинки,куда вставлять Исполнителя и название песни....а вместо слов КОД ПЛЕЕРА---естественно вставляете сам плеер, то есть его код..

<div
style="background-image: url(АДРЕС КАРТИНКИ);border-style: double;
background-position: 50% 0%; padding:640px 0px 0px 0px;
background-repeat:;width:533px"><div style="background-image:
url();border-style: ; background-position: 0% 0%; padding:0px 0px 0px
20px; background-repeat:no-repeat;"><div style="text-align:
center; font: 20px Arial;font-style: italic; color: #ffffff;
padding:2px;">АВТОР МУЗЫКИ И НАЗВАНИЕ</div><center>КОД
ВАШЕГО ПЛЕЕРА</center></div></div>