Оформляем плеер картинкой

Четверг, 28 Ноября 2030 г. 15:05 + в цитатник

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

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

Оформляем плеер картинкой - линеечкой или картинкой - кнопкой.

Имеем такой плеер:

КОД ПЛЕЕРА:

Здесь в теге opacity:1; заменена единица на ноль. Это делает плеер невидимым.
Скопируйте код в Новую запись.

Будем его украшать. Закроем этот плеер картинкой. Для этого заключим этот код в формулу фона - картинки.

Копируем часть формулы до слов КОД ПЛЕЕРА и вставляем в начало кода в Новой записи.
вставить 1 (600x374, 61Kb)

Затем скопировать закрывающие теги после слов КОД ПЛЕЕРА и вставить в конец записи.
вставить 2 (600x369, 72Kb)

Теперь вставим картинку плеера, подставим значения размеров картинки.
Вставляем музыку мр3. Получаем такой плеер - линеечку:

Можно в коде плеера менять картинку с её размерами и получать новый плеер.
А можно его немного изменить:

--------------------------------------------
С плеерами - кнопками немного сложнее.
Тут не обойтись без редактора. Я пользуюсь Paint.net.
Нужно создать картинку на прозрачном фоне. Например, такую

Это очень просто: Создать - Указать размер - Правка - Выделить все - Очистить выделение.
Файл - Открыть - Выбрать картинку плеера - Открыть - Правка - Копировать - Вставить.

КОД ПЛЕЕРА - КНОПКИ такой же.

Подставляйте значения и готово.

Примеры:

УДАЧИ!

Bloginja

Серия сообщений "Музыка":
Всё, что связано с музыкой

Часть 1 - Создание музыки ОНЛАЙН
Часть 2 - Музыкальный альбом "Гуляночка"
...
Часть 5 - Музыкальные плееры - линеечки
Часть 6 - Диана Анкудинова
Часть 7 - Оформляем плеер картинкой

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

Часть 1 - Плееры на картинке
Часть 2 - Вставляем музыкальный плеер (и не только) в определённое место
...
Часть 4 - Музыкальные плееры - кнопки
Часть 5 - Музыкальные плееры - линеечки
Часть 6 - Оформляем плеер картинкой

Серия сообщений "Просто о сложном":
Часть 1 - Как вставить видео с youtube с пост.
Часть 2 - Как читать текст на цветном фоне?
...
Часть 29 - 6 секретов банковских карт, о которых полезно знать всем.
Часть 30 - Обращение.
Часть 31 - Оформляем плеер картинкой

Метки: Оформляем плеер картинкой код плеера
Понравилось: 1 пользователю

<a href="http://www.ipola.ru/post508464220/">РћС„РѕСЂРјР»СЏРµРј РїР»РµРµСЂ РєР°СЂС‚РёРЅРєРѕР№</a><br/>

РћС„РѕСЂРјР»СЏРµРј РїР»РµРµСЂ РєР°СЂС‚РёРЅРєРѕР№ - Р»РёРЅРµРµС‡РєРѕР№ РёР»Рё РєР°СЂС‚РёРЅРєРѕР№ - РєРЅРѕРїРєРѕР№.

РРјРµРµРј С‚Р°РєРѕР№ РїР»РµРµСЂ:  
 
РљРћР” РџР›Р•Р•Р Рђ: 
 
Р—РґРµСЃСЊ РІ С‚РµРіРµ opacity:1; Р·Р°РјРµРЅРµРЅР° РµРґРёРЅРёС†Р° РЅР° РЅРѕР»СЊ. РС‚Рѕ РґРµР»Р°РµС‚ РїР»РµРµСЂ РЅРµРІРёРґРёРјС‹Рј. 
РЎРєРѕРїРёСЂСѓР№С‚Рµ РєРѕРґ РІ РќРѕРІСѓСЋ Р·Р°РїРёСЃСЊ.

Р‘СѓРґРµРј РµРіРѕ СѓРєСЂР°С€Р°С‚СЊ. Р—Р°РєСЂРѕРµРј СЌС‚РѕС‚ РїР»РµРµСЂ РєР°СЂС‚РёРЅРєРѕР№. Р”Р»СЏ СЌС‚РѕРіРѕ Р·Р°РєР»СЋС‡РёРј СЌС‚РѕС‚ РєРѕРґ РІ С„РѕСЂРјСѓР»Сѓ С„РѕРЅР° - РєР°СЂС‚РёРЅРєРё. 
РљРћР” РџР›Р•Р•Р Рђ

РљРѕРїРёСЂСѓРµРј С‡Р°СЃС‚СЊ С„РѕСЂРјСѓР»С‹ РґРѕ СЃР»РѕРІ РљРћР” РџР›Р•Р•Р Рђ Рё РІСЃС‚Р°РІР»СЏРµРј РІ РЅР°С‡Р°Р»Рѕ РєРѕРґР° РІ РќРѕРІРѕР№ Р·Р°РїРёСЃРё.

Р—Р°С‚РµРј СЃРєРѕРїРёСЂРѕРІР°С‚СЊ Р·Р°РєСЂС‹РІР°СЋС‰РёРµ С‚РµРіРё РїРѕСЃР»Рµ СЃР»РѕРІ РљРћР” РџР›Р•Р•Р Рђ Рё РІСЃС‚Р°РІРёС‚СЊ РІ РєРѕРЅРµС† Р·Р°РїРёСЃРё.

РўРµРїРµСЂСЊ РІСЃС‚Р°РІРёРј РєР°СЂС‚РёРЅРєСѓ РїР»РµРµСЂР°, РїРѕРґСЃС‚Р°РІРёРј Р·РЅР°С‡РµРЅРёСЏ СЂР°Р·РјРµСЂРѕРІ РєР°СЂС‚РёРЅ... <a href="http://www.ipola.ru/post508464220/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

LiveInternetLiveInternet

-Цитатник

-Музыка

-Новости

-Видео

-Я - фотограф

Художник Hildegard Schwammberger

-Стена

-Рубрики

-Поиск по дневнику

-Подписка по e-mail

-Статистика

Оформляем плеер картинкой