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

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

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

<center><table style="width: 700px;background:#006400; 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/KvovBt.png'), url('https://i.yapx.ru/KvovCt.png'); background-repeat: repeat-y, repeat-y,repeat; background-position:0%, 100%;" cellspacing="0" cellpadding="0"><tr><td style="padding: 0px 65px 0px 65px"><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: 610px;border:0px ; padding:10px;"><span style="font-family:arial;color:#fff;text-shadow:1px -1px #000000;font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #fff; 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 src="https://i.yapx.ru/K1vKZt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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>

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

<audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #fff; 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 src="https://i.yapx.ru/K1vKZt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img src="https://i.yapx.ru/K1v4o.gif" alt="Хостинг картинок yapx.ru" /></a><br /> </center>

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

<center><table style="width: 700px;background:#5AB8D4;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/K1Nq9t.png'), url('https://i.yapx.ru/K1NrLt.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:#0A122A;font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #787573; 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 src="https://i.yapx.ru/KovuXt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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:#50353C;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/K1MFL.png'), url('https://i.yapx.ru/K1MFP.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:#FFF5CD;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);font-size:17px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #A47C54; 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 src="https://i.yapx.ru/K1vKPt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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:#FFA07A; 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/K0aSK.png'), url('https://i.yapx.ru/K0aSK.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:#936C16text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);font-size:18px"><br /> <audio controls="controls" src="URL АДРЕС ПЛЕЕРА" style="width: 200px; height: 20px;border: solid 3px #936C16; 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 src="https://i.yapx.ru/K1vKct.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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:#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 src="https://i.yapx.ru/KovuWt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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 src="https://i.yapx.ru/KovuPt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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 src="https://i.yapx.ru/KovuUt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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 src="https://i.yapx.ru/KovuTt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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 src="https://i.yapx.ru/KovuRt.png" alt="Хостинг картинок yapx.ru" /><br /> <center><a target="_blank" href="https://www.liveinternet.ru/users/schamada/"><img 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 АДРЕСА ПЛЕЕРА",строго между кавычками вставляете код адреса плеера, который вы скопировали.. СОХРАНЯЕТЕ и у вас всё должно получится. Вот.. Я сделала это:Загрузила музыку , и теперь установила в плеер: Лирушный плеер может музыку не воспроизвести, но когда вы вставите адрес плеера в плеер рамочки, музыка заиграет))) Все эти действия можно произвести и в редакторе,куда вы вставили код рамочки, потом просто удалить лирушный плеер с которого вы забрали адрес плеера, но это уже тем, кто знает весь этот процесс, а вот нашим новичкам, которые ещё учатся рекомендую делать пару раз так.. Это сразу кажется трудно, но уверяю-это просто "семечки"))) Удачи всем!!!