Мобильный LiveInternet Как сделать музыкальный плеер со своей картинкой?

Авторизация

Дневник Венера01 Лента друзей - Дневник - Полная версия

Как сделать музыкальный плеер со своей картинкой? 07-10-2012 11:41 к комментариям - к полной версии - понравилось!

Как сделать музыкальный плеер со своей картинкой?

[показать]Приветствую Вас, дорогие друзья!
Решила дополнить предыдущий урок по плеерам ещё одним уроком. Задают вопрос: как сделать свой плеер с картинкой?
Думала, как это проще сделать и остановилась на следующем варианте.
Картиночку для плеера можно либо создать в Фотошопе (если вы владеете им), либо взять в интернете. На мой взгляд, очень удобно воспользоваться картинками-разделителями, подобрав подходящую конкретно для вас.
Сначала, открываем «Рамочник», а затем на другой вкладке, открываем картинку, которую хотим использовать в качестве плеера. Я беру в качестве примера – такую картиночку (разделитель)

[показать]

Щёлкаем правой кнопкой мыши по картинке, выпадет список. Выбираем «Свойства изображения» (в самом низу списка). Щелчок по ним левой кнопкой мыши, выпадает список со свойствами данной картинки. Здесь нам нужно запомнить ширину и высоту данной картинки. Запомнили (записали где-то себе). Закрываем окно. Теперь, так же правой кнопкой мыши, снова щёлкаем по картинке, находим «Копировать адрес изображения», щёлкаем по нему левой кнопкой мыши (он скопируется) и несём его в «Рамочник».
Открываем «Рамочник», в окошечках (1) и (2) пишем размеры картинки, которые вы запомнили.

[показать]

Теперь жмём на кнопочку (3), выскочит рамочка (4), где мы должны вставить адрес картинки, вставляем и жмём «Добро».

[показать]

У вас под рамочкой появится ваша картинка, на которую мы и поставим наш плеер.
На ней появится надпись «Содержимое рамки». На это место и встанет в дальнейшем ваш плеер.

[показать]

Обязательно! Не забудьте поставить галочку на «Нет», там, где написано «Подпись».
Надпись «Содержимое рамки» может быть -либо высоковато, либо низковато относительно картинки, тогда мы делаем следующее:
-- для опускания надписи, ставим курсор мышью перед словами и жмём на стрелку (5) столько раз сколько потребуется (смотрим визуально, как встала надпись).
--Если надпись находится слишком низко и её нужно поднять, то курсор ставите за словами «Содержимое рамки» и повторяете процедуру, что была описана в предыдущем пункте.
Когда всё отрегулировали, то теперь идём вниз, выбираем «блоги Ливинтернет.ру», нажав на чёрный треугольничек (6), появится код для Ли.ру.,

[показать]

копируем его и несём туда, куда мы хотим поставить свой плеер в Ли.ру. Вставляем код.

[показать]

Вместо слов «Содержимое рамки» (их аккуратно стираем) вставляем код плеера, ставим в нём размеры 20 х 20 (можно длину – первое число, сделать побольше, смотрите, как вам больше нравится), меняете цвета на те, какие Вам нужны (это есть в предыдущем уроке – смотрите там).

[показать]

Стандартная форма кода плеера-линеечки, обведена красными линиями, или даю ещё раз отдельно (просто скопируйте где-нибудь его для себя, чтобы всегда был под рукой, и будете только редактировать при каждом использовании).

[показать]

Я говорила об этом в предыдущих уроках, смотрите там.
И наконец, Жмём на кнопку «Предпросмотр» или «Черновик», смотрим, если не всё устраивает, то снова идём в «Редактировать» - редактируем, если всё получилось удачно, то «Публикуем в личный дневник». У меня получилось так:

[показать]

Вот вроде и всё.
Желаю успехов в освоении!

Венера01

вверх^ к полной версии понравилось! в evernote

Комментарии (148): вперёд» последняя»

Дицуи 07-10-2012-14:19 удалить

Танюша, доброго времени суток, дорогая! Возьму урок, как появится время, начнуосваивать.Спасибо, подруженька!

Вы сейчас не можете прокомментировать это сообщение.