• Авторизация
Дневник Valentina___L Лента друзей - Дневник - Полная версия


Как вставить плеер в картинку? 26-01-2025 15:00 к комментариям - к полной версии - понравилось!

Это цитата сообщения Ангел_Добрый Оригинальное сообщение

Как вставить плеер в картинку?

Как вставить плеер в картинку?

 

Вставляем плеер в картинку. Урок.

 
В картинке вставлен мой плеер.
 
 

Вот что  у  нас  должно  получиться

 
 

 

 Теперь по порядку:

Всё, что нам нужно-это вот такой код:

<div align="center">
<div style="background: url('https://i.postimg.cc/FHS0XMmn/0-96457-361dae50-L.gif');width:500px; height:500px;"><div style="text-align: center; padding:400px 390px 0px 10px;"><center><div align="center">
<table background="https://i.postimg.cc/d3DTHX46/11zv.gif" height="100" title="Play/Pause" width="100">
<tbody><tr><td align="left" style="padding: 0;" valign="middle"><audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/4//13513/13513016_via_plamya__na_dalnejj_stancii_sojjdu_63326251.mp3" style="width: 100px; margin-left: 10px; margin-top: 10px; opacity: 0;" title="ВИА Пламя - На дальней станции сойду"></audio></td></tr></tbody></table></div></center></div></div></div>
 

 Вот что всё это означает:

 

<div align="center"><div style="background: url('АДРЕС ВАШЕЙ КАРТИНКИ');width:ШИРИНА КАРТИНКИpx;height:ВЫСОТА КАРТИНКИpx;">

 
 

 ДВИЖЕНИЕ ПЛЕЕРА:

 

РАСПОЛОЖЕНИЕ САМОГО ПЛЕЕРА left или

right или center; padding:ОТСТУП ПЛЕЕРА СВЕРХУ ЦИФРАМИpx ОТСТУП ПЛЕЕРА СПРАВАpx

ОТСТУП ПЛЕЕРА СНИЗУpx ОТСТУП ПЛЕЕРА СЛЕВАpx

 
 
ДВИЖЕНИЕ ПЛЕЕРА В КОДЕ:
 

<div style="text-align: center; padding:400px 390px 0px 10px;">

 
 
КОД ПЛЕЕРА В КОДЕ:
 
<center><div align="center">
<table background="ВСТАВИТЬ СЮДА КАРТИНКУ ПЛЕЕРА" height="100" title="Play/Pause" width="100">
<tbody><tr><td align="left" style="padding: 0;" valign="middle"><audio controls="controls" src="ВСТАВИТЬ СЮДА ССЫЛКУ НА МР3 ФАЙЛ" style="width: 100px; margin-left: 10px; margin-top: 10px; opacity: 0;" title="ВСТАВИТЬ СЮДА НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td></tr></tbody></table></div></center>
 
РАЗМЕР КАРТИНКИ ПЛЕЕРА ВЫСТАВЛЯЕТЕ САМИ. ЗАГРУЖЕННЫЙ НА ФОТОХОСТИНГЕ!
 

ПРОБУЙТЕ,ЭКСПЕРИМЕНТИРУЙТЕ-У ВАС ВСЁ ПОЛУЧИТСЯ. УДАЧИ!

вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Как вставить плеер в картинку? | Valentina___L - | Лента друзей Valentina___L / Полная версия Добавить в друзья Страницы: раньше»