Поддержка Вид

LiveInternetLiveInternet

сменить

Авось из (+ сутки) дневников

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

Среда, 10 Октября 2012 г. 06:21 + в цитатник

Цитата сообщения Венера01

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

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

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

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

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

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

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

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

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

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

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

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

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

Венера01

Рубрики:

КОМПЬЮТЕРНЫЙ ЛИКБЕЗ/оформление дневника на ЛИ.РУ

<a href="https://www.liveinternet.ru/users/4848853/post242801416/">РљР°Рє СЃРґРµР»Р°С‚СЊ РјСѓР·С‹РєР°Р»СЊРЅС‹Р№ РїР»РµРµСЂ СЃРѕ СЃРІРѕРµР№ РєР°СЂС‚РёРЅРєРѕР№?</a><br/>РљР°Рє СЃРґРµР»Р°С‚СЊ РјСѓР·С‹РєР°Р»СЊРЅС‹Р№ РїР»РµРµСЂ СЃРѕ СЃРІРѕРµР№ РєР°СЂС‚РёРЅРєРѕР№?

РљР°Рє СЃРґРµР»Р°С‚СЊ РјСѓР·С‹РєР°Р»СЊРЅС‹Р№ РїР»РµРµСЂ СЃРѕ СЃРІРѕРµР№ РєР°СЂС‚РёРЅРєРѕР№?РџСЂРёРІРµС‚СЃС‚РІСѓСЋ Р’Р°СЃ, РґРѕСЂРѕРіРёРµ РґСЂСѓР·СЊСЏ! Р РµС€РёР»Р° РґРѕРїРѕР»РЅРёС‚СЊ РїСЂРµРґС‹РґСѓС‰РёР№ СѓСЂРѕРє РїРѕ РїР»РµРµСЂР°Рј РµС‰С‘ РѕРґРЅРёРј СѓСЂРѕРєРѕРј. Р—Р°РґР°СЋС‚ РІРѕРїСЂРѕСЃ: РєР°Рє СЃРґРµР»Р°С‚СЊ СЃРІРѕР№ РїР»РµРµСЂ СЃ РєР°СЂС‚РёРЅРєРѕР№? Р”СѓРјР°Р»Р°, РєР°Рє СЌС‚Рѕ РїСЂРѕС‰Рµ СЃРґРµР»Р°С‚СЊ Рё РѕСЃС‚Р°РЅРѕРІРёР»Р°СЃСЊ РЅР° СЃР»РµРґСѓСЋС‰РµРј РІР°СЂРёР°РЅС‚Рµ. РљР°СЂС‚РёРЅРѕС‡РєСѓ РґР»СЏ РїР»РµРµСЂР° РјРѕР¶РЅРѕ Р»РёР±Рѕ СЃРѕР·РґР°С‚СЊ РІ Р¤РѕС‚РѕС€РѕРїРµ (РµСЃР»Рё РІС‹ РІР»Р°РґРµРµС‚Рµ РёРј), Р»РёР±Рѕ РІР·СЏС‚СЊ РІ РёРЅС‚РµСЂРЅРµС‚Рµ. РќР° РјРѕР№ РІР·РіР»СЏРґ, РѕС‡РµРЅСЊ СѓРґРѕР±РЅРѕ РІРѕСЃРїРѕР»СЊР·РѕРІР°С‚СЊСЃСЏ РєР°СЂС‚РёРЅРєР°РјРё-СЂР°Р·РґРµР»РёС‚РµР»СЏРјРё, РїРѕРґРѕР±СЂР°РІ РїРѕРґС…РѕРґСЏС‰СѓСЋ РєРѕРЅРєСЂРµС‚РЅРѕ РґР»СЏ РІР°СЃ. РЎРЅР°С‡Р°Р»Р°, РѕС‚РєСЂС‹РІР°РµРј В«Р Р°РјРѕС‡РЅРёРєВ», Р° Р·Р°С‚РµРј РЅР° РґСЂСѓРіРѕР№ РІРєР»Р°РґРєРµ, РѕС‚РєСЂС‹РІР°РµРј РєР°СЂС‚РёРЅРєСѓ... <a href="https://www.liveinternet.ru/users/4848853/post242801416/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Венера01 обратиться по имени Четверг, 11 Октября 2012 г. 07:02 (ссылка)

Андрева_Людмила, Рада, что информация пригодилась!

Ответить С цитатой В цитатник

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

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternet

О проекте