Ангел_Добрый (Аудио_плееры) все записи автора

<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1223/e0/93d5fd790f08f313a9a6abfe5d811be0.png');width:320px; height:85px;"> <div> <figure style=" font-family: sans-serif; color: #CD950C; margin-top:30px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="ВСТАВИТЬ СЬДА ССЫЛКУ НА МР3 ФОЙЛ" style="width: 200px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #ff0000; background-color: black;margin-top:7px;margin-left:50px; " title="ВСТАВИТЬ СЬДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ" type="audio"></audio></div> </div>

<div align="center"> <div style="background: url('https://i122.fastpic.org/big/2023/1223/4e/e4fb024fe410f1499a8b7a8345bf774e.png');width:320px; height:111px;"> <div> <figure style=" font-family: sans-serif; color: #CD950C; margin-top:30px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="ВСТАВИТЬ СЬДА ССЫЛКУ НА МР3 ФОЙЛ" style="width: 180px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #ff0000; background-color: black;margin-top:20px;margin-left:100px; " title="ВСТАВИТЬ СЬДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ" type="audio"></audio></div> </div> </div>

<div align="center"> <div style="background: url('https://i.postimg.cc/bwRhhT0B/21c55d16e927.webp');width:320px; height:193px;"> <div> <figure style=" font-family: sans-serif; color: #CD950C; margin-top:30px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="ВСТАВИТЬ СЬДА ССЫЛКУ НА МР3 ФОЙЛ" style="width: 160px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #ff0000; background-color: black;margin-top:44px;margin-left:80px; " title="ВСТАВИТЬ СЬДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ" type="audio"></audio></div> </div> </div>

<div align="center"> <div style="background: url('https://i.postimg.cc/QCN6cQKH/98a21dacd962.webp');width:320px; height:151px;"> <div> <figure style=" font-family: sans-serif; color: #CD950C; margin-top:30px; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="ВСТАВИТЬ СЬДА ССЫЛКУ НА МР3 ФОЙЛ" style="width: 160px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 4px #ff0000; background-color: black;margin-top:52px;margin-left:-60px; " title="ВСТАВИТЬ СЬДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ" type="audio"></audio></div> </div> </div>

Ангел_Добрый (Аудио_плееры) все записи автора

 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/668VszyD/pngwing-com-2023-10-29-T174035-848-1.png"" target="_blank">https://i.postimg.cc/668VszyD/pngwing-com-2023-10-29-T174035-848-1.png"</a> height="150" title="Play/Pause" width="244"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЙЛ" style="width: 100px; margin-left: 10px; margin-top: -75px; opacity: 0;" title="ВСТАВИТЬ СЮДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>

 

 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/X7Jw2YpQ/52.png"" target="_blank">https://i.postimg.cc/X7Jw2YpQ/52.png"</a> height="94" title="Play/Pause" width="140"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЙЛ" style="width: 100px; margin-left: -15px; margin-top: -68px; opacity: 0;" title="ВСТАВИТЬ СЮДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>

Ангел_Добрый (Аудио_плееры) все записи автора

 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/8c6NRDB8/01.png"" target="_blank">https://i.postimg.cc/8c6NRDB8/01.png"</a> height="150" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЙЛ" style="width: 100px; margin-left: 10px; margin-top: 80px; opacity: 0;" title="ВСТАВИТЬ СЮДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>

Ангел_Добрый (Аудио_плееры) все записи автора

 

 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/fyZ95wXp/32f1d5a1cfb55b34fff99dcd6d570e40.gif"" target="_blank">https://i.postimg.cc/fyZ95wXp/32f1d5a1cfb55b34fff99dcd6d570e40.gif"</a> height="113" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 45px; padding-top: 55px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

 

 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/mky1c0c4/1234534595028202.gif"" target="_blank">https://i.postimg.cc/mky1c0c4/1234534595028202.gif"</a> height="83" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 445px; padding-top: 30px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

 

 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/Rqrk6DHM/a77-3-1.gif"" target="_blank">https://i.postimg.cc/Rqrk6DHM/a77-3-1.gif"</a> height="120" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 45px; padding-top: 55px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

 

 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/N0Km0s1v/2838b4c9d5162d1d4d5a8f11be85dbae3.gif"" target="_blank">https://i.postimg.cc/N0Km0s1v/2838b4c9d5162d1d4d5a8f11be85dbae3.gif"</a> height="96" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 45px; padding-top: 45px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

 

 

В КОДЕ ПРОПИСАНО, ГДЕ ВСТАВИТЬ MP3 ФАЙЛ И ГДЕ ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ.

Valery_H (Аудио_плееры) все записи автора

Ангел_Добрый (Аудио_плееры) все записи автора

 

 

<p style="text-align: center;">  </p> <p style="text-align: left;margin-left:20em;"> <img alt="8d95d18750c6247d9fc293921d30fbdf (500x200, 217Kb)" data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/4/160/700/160700793_8d95d18750c6247d9fc293921d30fbdf.gif" src="//img1.liveinternet.ru/images/attach/d/4/160/700/160700793_8d95d18750c6247d9fc293921d30fbdf.gif" style="width: 325px; height: 130px;" /></p> <div style=" float:left; margin:1em; margin-left:20em; background-color:#FFD700; padding:2em; border-radius:7px; -webkit-border-radius:27px; -moz-border-radius: 7px; box-shadow: .5px 12px 55px 1px rgba(205, 155, 29, 0.9); -webkit-box-shadow: .5px 12px 35px 1px rgba(205, 155, 29, 0.9);"> <figure style=" font-family: sans-serif; color: #FF8C00; font-size: .7em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"> <h1> 𝄞 МУЗЫКА 𝄞</h1> <div style=" cursor: pointer; max-width: 25em;"> <hr style="opacity: 0.9" /> <figure style=" font-family: sans-serif; color: #CD950C; font-size: 0.9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> <span style=" font-weight:lighter; font-style:italic;"> </span> </figure> <audio controls="controls" src="ВСТАВИТЬ ССЫЛКУ НА МУЗЫКУ" style="width: 250px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #FF8C00; background-color: black;margin-top:5px;margin-left:-10px; " title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ; type="audio"></audio> <section style="clear:both; min-height: 2em;"></section></div> <div style=" cursor: pointer; max-width: 25em;"> <hr style="opacity: 0.9" /> <figure style=" font-family: sans-serif; color: #CD950C; font-size: .9em; line-height: 1.4; font-weight: bold; text-align: center; position: center; left: -2em;"><br /> </figure> <audio controls="controls" src="ВСТАВИТЬ ССЫЛКУ НА МУЗЫКУ" style="width: 250px; height: 15px; border-radius: 100px; box-shadow: 0 0 0 3px #FF8C00; background-color: black;margin-top:20px;margin-left:-10px; " title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ" type="audio"></audio> <section style="clear:both; min-height: 2em;"></section> <div style=" cursor: pointer; max-width: 25em;"> <hr style="opacity: 0.9" /> </div> </div> </figure></div>

В КОДЕ ПРОПИСАНО ГДЕ ВСТАВИТЬ MP3 ФАЙЛ И НАЗВАНИЕ ИСПОЛНИТЕЛЯ

Ангел_Добрый (Аудио_плееры) все записи автора

 

 

Ангел_Добрый (Аудио_плееры) все записи автора

 

 

 

 

 

Клик слева по аудиокассете.

<center><div align="center"><div style="background: url('Адрес фоновой картинки"><div style="text-align: left; padding:(местоположение плеера)0px 0px 0px 0px;"><table background="//img1.liveinternet.ru/images/attach/d/3/155/728/155728265_Novuyy_proekt__21_removebgpreview.png " height="80" width="170" title="Play/Pause"><tbody><tr><td align="center" style="padding: 0;" valign="bottom"><audio controls="controls" src="Адрес муз.файла.mp3" style="width: 120px; opacity: 0;"></audio></td></tr></tbody></table></div></div></div></center>

Далее...

Imenitaya (Аудио_плееры) все записи автора

№1

№2

№3

№4

Mariea (Аудио_плееры) все записи автора

Ах, черемуха белая... Выполнено по уроку Георгия Гаврил - https://www.liveinternet.ru/users/jorjorych/post483701935/ - От души благодарю за подробный урок. *Mariea@mmg*

Mariea (Аудио_плееры) все записи автора

Идею размещения плееров повзаимствовала у LEOTIGER -
Благодарю

О плеерах с YouTube смотрите здесь:
https://www.liveinternet.ru/users/marmuh/post483664108/

Татьяна_Волкова_Литвинова (Аудио_плееры) все записи автора Для прослушивания музыки нажмите на Божью коровку.

Valery_H (Аудио_плееры) все записи автора

Valery_H (Аудио_плееры) все записи автора

1.

2.

3.

Valery_H (Аудио_плееры) все записи автора

Плееры