Бордюрные рамочки с музыкальным плеером. Часть 1.

Дорогие друзья, читатели и гости, по вашей просьбе я выставляю рамочки с муз.плеером для стихов, поздравлений и как вам угодно....
Как вставлять музыку в плеер,я даю объяснение ниже..
Комментарии открыты, но из-за очень напряжённой работы, я не всегда и не сразу смогу ответить.. Но если вопросы конкретно по плееру, то постараюсь ответить сразу.
Если вам плеер в рамочке не нужен, то его можно убрать, конечно))) Удачи!!!
 

ВАШ ТЕКСТ, ваш текст

ВАШ ТЕКСТ, ваш текст

ВАШ ТЕКСТ, ваш текст

ВАШ ТЕКСТ, ваш текст

ВАШ ТЕКСТ, ваш текст

ВАШ ТЕКСТ, ваш текст

<center><table style="width: 700px;background:#B48C84;box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><table style="background-image:url('https://i.yapx.ru/KvowBm.png'), url('https://i.yapx.ru/KvowCm.png'); background-repeat: repeat-y, repeat-y,repeat; background-position:0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding: 0px 80px 0px 80px"><table style="background-image: url(''), url(''); background-repeat: repeat-y, repeat-y; background-position: 0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><center><fieldset style=" width: 590px;border:0px ; padding:10px;"><span style="font-family:arial;color:#270903;font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #B48C84; border-radius:20px; -webkit-box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);"></audio><br /> <br /> ВАШ ТЕКСТ, ваш текст<br /> <img data-cke-saved-src="https://i.yapx.ru/KovuWt.png" src="https://i.yapx.ru/KovuWt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" data-cke-saved-href="https://www.liveinternet.ru/users/schamada/" href="https://www.liveinternet.ru/users/schamada/"><img data-cke-saved-src="https://i.yapx.ru/K1v4o.gif" src="https://i.yapx.ru/K1v4o.gif" alt="Хостинг картинок yapx.ru" /></a><br /> </center></span></fieldset></center></td></tr></table></td></tr></table></td></tr></table><center></center></center>

ВАШ ТЕКСТ, ваш текст

<center><table style="width: 700px;background:#008B8B;box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><table style="background-image:url('https://i.yapx.ru/KvovMm.png'), url('https://i.yapx.ru/KvovNm.png'); background-repeat: repeat-y, repeat-y,repeat; background-position:0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding: 0px 70px 0px 70px"><table style="background-image: url(''), url(''); background-repeat: repeat-y, repeat-y; background-position: 0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><center><fieldset style=" width: 590px;border:0px ; padding:10px;"><span style="font-family:arial;color:#000;font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #C59308; border-radius:20px; -webkit-box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);"></audio><br /> <br /> ВАШ ТЕКСТ, ваш текст<br /> <img data-cke-saved-src="https://i.yapx.ru/KovuPt.png" src="https://i.yapx.ru/KovuPt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" data-cke-saved-href="https://www.liveinternet.ru/users/schamada/" href="https://www.liveinternet.ru/users/schamada/"><img data-cke-saved-src="https://i.yapx.ru/K1v4o.gif" src="https://i.yapx.ru/K1v4o.gif" alt="Хостинг картинок yapx.ru" /></a><br /> </center></span></fieldset></center></td></tr></table></td></tr></table></td></tr></table></center>

ВАШ ТЕКСТ, ваш текст

<center><table style="width: 700px;background:#3CB371; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><table style="background-image:url('https://i.yapx.ru/K1MGet.png'), url('https://i.yapx.ru/K1MFWt.png'); background-repeat: repeat-y, repeat-y,repeat; background-position:0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding: 0px 80px 0px 80px"><table style="background-image: url(''), url(''); background-repeat: repeat-y, repeat-y; background-position: 0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><center><fieldset style=" width: 590px;border:0px ; padding:10px;"><span style="font-family:arial;color:#270903;font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #2E8B57; border-radius:20px; -webkit-box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);"></audio><br /> <br /> ВАШ ТЕКСТ, ваш текст<br /> <img data-cke-saved-src="https://i.yapx.ru/KovuUt.png" src="https://i.yapx.ru/KovuUt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" data-cke-saved-href="https://www.liveinternet.ru/users/schamada/" href="https://www.liveinternet.ru/users/schamada/"><img data-cke-saved-src="https://i.yapx.ru/K1v4o.gif" src="https://i.yapx.ru/K1v4o.gif" alt="Хостинг картинок yapx.ru" /></a><br /> </center></span></fieldset></center></td></tr></table></td></tr></table></td></tr></table></center>

ВАШ ТЕКСТ, ваш текст

<center><table style="width: 700px;background:#F2F5A9; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><table style="background-image:url('https://i.yapx.ru/K1qTYt.png'), url('https://i.yapx.ru/K1qTat.png'); background-repeat: repeat-y, repeat-y,repeat; background-position:0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding: 0px 75px 0px 75px"><table style="background-image: url(''), url(''); background-repeat: repeat-y, repeat-y; background-position: 0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><center><fieldset style=" width: 600px;border:0px ; padding:10px;"><span style="font-family:arial;color:#270903;font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #DBA901; border-radius:20px; -webkit-box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);"></audio><br /> <br /> ВАШ ТЕКСТ, ваш текст<br /> <img data-cke-saved-src="https://i.yapx.ru/KovuTt.png" src="https://i.yapx.ru/KovuTt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" data-cke-saved-href="https://www.liveinternet.ru/users/schamada/" href="https://www.liveinternet.ru/users/schamada/"><img data-cke-saved-src="https://i.yapx.ru/K1v4o.gif" src="https://i.yapx.ru/K1v4o.gif" alt="Хостинг картинок yapx.ru" /></a><br /> </center></span></fieldset></center></td></tr></table></td></tr></table></td></tr></table></center>

ВАШ ТЕКСТ, ваш текст

<center><table style="width: 700px;background:#B8860B;box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><table style="background-image:url('https://i.yapx.ru/KvowBm.png'), url('https://i.yapx.ru/KvowCm.png'); background-repeat: repeat-y, repeat-y,repeat; background-position:0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding: 0px 80px 0px 80px"><table style="background-image: url(''), url(''); background-repeat: repeat-y, repeat-y; background-position: 0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><center><fieldset style=" width: 590px;border:0px ; padding:10px;"><span style="font-family:arial;color:#270903;font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #B8860B; border-radius:20px; -webkit-box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);box-shadow: 0px 10px 13px -7px #000000, -18px 5px 29px 36px rgba(0,0,0,0);"></audio><br /> <br /> ВАШ ТЕКСТ, ваш текст<br /> <img data-cke-saved-src="https://i.yapx.ru/KovuRt.png" src="https://i.yapx.ru/KovuRt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" data-cke-saved-href="https://www.liveinternet.ru/users/schamada/" href="https://www.liveinternet.ru/users/schamada/"><img data-cke-saved-src="https://i.yapx.ru/K1v4o.gif" src="https://i.yapx.ru/K1v4o.gif" alt="Хостинг картинок yapx.ru" /></a><br /> </center></span></fieldset></center></td></tr></table></td></tr></table></td></tr></table></center>

Как поставить URL АДРЕС ПЛЕЕРА в HTML код плеера: Для начала надо загрузить музыку в редактор дневника. Для этого откройте сам редактор, я это делаю в простом редакторе,.. На чистом поле открывшего редактора поставьте какую-нибудь букву или какое-нибудь число, чтобы загрузилась музыка, потому что в пустой редактор ничего не загружается. Загружается музыка как и любая картинка, т.е. под редактором, жмите на "ОБЗОР", выбераете музыку в папке у вас в ком-ре и затем кликаете на слово"в черновик". Откроется черновик с плеером, как на картинке ниже: Затем открываете редактор с плеером, копируете адрес плеера (см. картинку ниже/маркировано жёлтым) ... открываете редактор с рамочкой и в код плеера, где написано "URL АДРЕСА ПЛЕЕРА",строго между кавычками вставляете код адреса плеера, который вы скопировали.. СОХРАНЯЕТЕ и у вас всё должно получится. Вот.. Я сделала это:Загрузила музыку , и теперь установила в плеер: Лирушный плеер может музыку не воспроизвести, но когда вы вставите адрес плеера в плеер рамочки, музыка заиграет))) ЗДЕСЬ ПЛЕЕР КОНЕЦ ПЛЕЕРА Все эти действия можно произвести и в редакторе,куда вы вставили код рамочки, потом просто удалить лирушный плеер с которого вы забрали адрес плеера, но это уже тем, кто знает весь этот процесс, а вот нашим новичкам, которые ещё учатся рекомендую делать пару раз так.. Это сразу кажется трудно, но уверяю-это просто "семечки"))) Удачи всем!!!