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

Воскресенье, 26 Января 2020 г. 13:04 + в цитатник

Цитата сообщения 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 - Закладки № 8
Часть 2 - Калькулятор
...
Часть 35 - Оформление блога Официальная помощь мейлрушному блогеру
Часть 36 - Как сделать скрин
Часть 37 - Плеер в центре изображения
Часть 38 - Оформление дневника для начинающих и не только.
Часть 39 - Изменить картинку или фото онлайн
...
Часть 44 - Шпаргалочка по тегам Берём к себе в цитатник.
Часть 45 - Как сохранить закладки Top Page на свой комп
Часть 46 - Все для Нового года и Рождества