Жопа кота

1 заметка с тегом

индификаторы

Плеера, индификаторы и верстка.

Что же может быть общего в этих вещах. А все просто хотел я как то на сайт повесить плеер что бы он мне музычку играл с strema моем icecast сервера. Ну с плеерами всегда у меня не ладилось. Лет 8 назад коке как настроил на флеше. Ну уже флеш уже позорный считается. Да и у пользователей сейчас отключен флеш в браузере. Решил значить поставить плеер с этого сайта https://playerjs.com думаю да прибудет со мной сила.

Короче плеер выглядит как прямоугольник черный. Мне это не нравилось хотел края закруглить. По краше его сделать. На сайте автора сказано оберните плеер (как мать ребенка в одеяло после купания) в

и делайте с ним что душе угодно. Но этот чертов квадрат окозалься в углу этого контейнера. То есть сам контейнер я могу расположить где хочу а вот квадрат будет мерзко в правом верхнем углу.

Изначально код плеера выглядит так

Я подумал могу ли я этим индификатором управлять в css как классом. Оказалось легко. Вот пример css с рюшечками и кружевами

#player{
position:relative; bottom:0; left:0; width:190px; height:90px; border-radius: 25px; margin-left: auto;
margin-right: auto;

Так я познал что с div id можно работать в css как с классом.

 Нет комментариев    69   2019   css   div id   верстка   индификаторы   плеер   радио плеер   сss