Оформляем плеер картинкой - линеечкой или картинкой - кнопкой. Имеем такой плеер: КОД ПЛЕЕРА: <audio controls="controls" src="АДРЕС МУЗЫКИ МР3" style="width: 100px; height:20px; opacity:0;"></audio> Здесь в теге opacity:1; заменена единица на ноль. Это делает плеер невидимым. Скопируйте код в Новую запись. Будем его украшать. Закроем этот плеер картинкой. Для этого заключим этот код в формулу фона - картинки. <table background="АДРЕС КАРТИНКИ ПЛЕЕРА"><tbody><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="padding: 0;">КОД ПЛЕЕРА</td></tr></tbody></table> Копируем часть формулы до слов КОД ПЛЕЕРА и вставляем в начало кода в Новой записи. Затем скопировать закрывающие теги после слов КОД ПЛЕЕРА и вставить в конец записи. Теперь вставим картинку плеера, подставим значения размеров картинки. Вставляем музыку мр3. Получаем такой плеер - линеечку: Можно в коде плеера менять картинку с её размерами и получать новый плеер. А можно его немного изменить: -------------------------------------------- С плеерами - кнопками немного сложнее. Тут не обойтись без редактора. Я пользуюсь Paint.net. Нужно создать картинку на прозрачном фоне. Например, такую Это очень просто: Создать - Указать размер - Правка - Выделить все - Очистить выделение. Файл - Открыть - Выбрать картинку плеера - Открыть - Правка - Копировать - Вставить. КОД ПЛЕЕРА - КНОПКИ такой же. <table background="КАРТИНКА_КНОПКА"><tbody><tr><td style="padding: 0;" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"><audio controls="controls" src="МУЗЫКА МР3" style="width:100px; height: 20px; opacity:0;" type="audio"></audio></td></tr></tbody></table> Подставляйте значения и готово. Примеры: УДАЧИ! Bloginja

Серия сообщений "Музыка":

Всё, что связано с музыкой

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

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

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