Плеер в центре изображения

Суббота, 25 Января 2020 г. 14:41 + в цитатник

Цитата сообщения Mariea

Прочитать целиком В свой цитатник или сообщество!

Плеер в центре изображения

Как расположить плеер с музыкой в центре изображения, выбранного нами для плеера.

Для своего примера я взяла снежинку-плеер от Mir5
с этого поста - https://www.liveinternet.ru/users/mir5/post465108574/

а здесь, внизу, мой вариант

Вот его формула:

Здесь указаны размеры снежинки - height="150" width="150",
далее - height="75" и width="75" - это местоположение плеера.
В данном случае оно находится в центре, о чем свидетельствую теги: text-align: center;" valign="center".
Местоположение расcчитать здесь очень просто - 150 : 2 = 75 - середина изображения.
Размеры плеера в формуле - width: 20px; height: 20px;
Цвет ободка плеера #e8e9eb - можно менять применительно к цвету плеера.

Mariea

Серия сообщений "Делаем плеер ":
Часть 1 - Делаем плеер из любой картинки
Часть 2 - Альтернатива Постовому
...
Часть 19 - Как загрузить Музыку к себе в дневник на Лиру
Часть 20 - Делаем плеер из любой картинки
Часть 21 - Плеер в центре изображения