<center><table border="0" <table background="https://allwebs.ru/images/2025/10/06/dd0af84bbc8958b6e80f55a9074eda89.jpg" border="0" cellpadding="0" cellspacing="0" height="747" width="798"> <tbody> <tr> <td align="center" style="padding:20px" zzz="zzz">  </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/06/7fa61523a55e6b1b733f7a6b98534cd2.jpg" border="0" cellpadding="0" cellspacing="0" height="22" width="798"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="650"> <tbody> <tr> <td> <center> <span style="color:#000000;"><font color="" face="Georgia" style="font-size:21px"><i>Ваш текст...</i></font></span><br /> <span style="color:#333333;"><font color="" face="Georgia" style="font-size:21px"><i> </i></font></span></center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/06/4592e5dee9fdba70660acd63c1ef4428.jpg" border="0" cellpadding="0" cellspacing="0" height="138" width="798"> <tbody> <tr> <td> <center>  </center> </td> </tr> </tbody> </table> </center>

<center><table border="0" <table background="https://allwebs.ru/images/2025/10/06/de5d131b944ec06349bc791bf0c47116.jpg" border="0" cellpadding="0" cellspacing="0" height="664" width="800"> <tbody> <tr> <td align="center" style="padding:20px" zzz="zzz">  </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/06/8aaff539f44b1545e72a85cf78fa25f0.jpg" border="0" cellpadding="0" cellspacing="0" height="22" width="800"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="650"> <tbody> <tr> <td> <center> <span style="color:#000000;"><font color="" face="Georgia" style="font-size:21px"><i>Ваш текст...</i></font></span><br /> <span style="color:#333333;"><font color="" face="Georgia" style="font-size:21px"><i> </i></font></span></center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/06/4904f808bfbc19261c1c1f9c9cff4fe7.jpg" border="0" cellpadding="0" cellspacing="0" height="138" width="800"> <tbody> <tr> <td> <center>  </center> </td> </tr> </tbody> </table> </center>

<center><table border="0" <table background="https://allwebs.ru/images/2025/10/13/e43d9a370c36a465aa7914e04c66875a.jpg" border="0" cellpadding="0" cellspacing="0" height="729" width="800"> <tbody> <tr> <td align="center" style="padding:20px" zzz="zzz">  </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/13/51867c3cc941ae3155a527214d11bf6a.jpg" border="0" cellpadding="0" cellspacing="0" height="22" width="800"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="650"> <tbody> <tr> <td> <center> <span style="color:#000000;"><font color="" face="Georgia" style="font-size:21px"><i>Ваш текст...</i></font></span><br /> <span style="color:#333333;"><font color="" face="Georgia" style="font-size:21px"><i> </i></font></span></center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/13/8552ad90ceba1228a2f310746ec07fad.jpg" border="0" cellpadding="0" cellspacing="0" height="140" width="800"> <tbody> <tr> <td> <center>  </center> </td> </tr> </tbody> </table> </center>

<center><table border="0" <table background="https://allwebs.ru/images/2025/10/12/d3725156f7de37962341bac865a063e8.jpg" border="0" cellpadding="0" cellspacing="0" height="710" width="800"> <tbody> <tr> <td align="center" style="padding:20px" zzz="zzz">  </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/12/6369f7254738f39f9756d9e11a152a75.jpg" border="0" cellpadding="0" cellspacing="0" height="22" width="800"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="650"> <tbody> <tr> <td> <center> <p> <i style="font-size: 21px; font-family: Georgia; color: rgb(0, 0, 0);">Ваш текст...</i></p> </center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://allwebs.ru/images/2025/10/12/9db1257bae526debcd6fc1912addb18f.jpg" border="0" cellpadding="0" cellspacing="0" height="137" width="800"> <tbody> <tr> <td> <center>  </center> </td> </tr> </tbody> </table> </center>

Оформляем плеер картинкой - линеечкой или картинкой - кнопкой. Имеем такой плеер: КОД ПЛЕЕРА: <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 - Оформляем плеер картинкой