Записи Друзья Комментарии
VlAAF
Аватар VlAAF

 -Поиск по дневнику

Поиск сообщений в VlAAF

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.01.2013
Записей: 40
Комментариев: 1
Написано: 51

Выбрана рубрика - Плееры.


Соседние рубрики: - Шпаргалки(1), - От Любаши_К(0), - От Ларисы Гурьяновой(3)

Другие рубрики в этом дневнике: Уроки(7), Народные рецепты(3), Мудры(3), Лечим суставы(1), Здоровье(11), Всё о ЧАЕ(1), Всё для ЛИру(2), Ауди(1), (0)
Нравится

HTML5 для ЛиРу - коды плееров.
Воскресенье, 26 Января 2020 г. 16:32 + в цитатник
Это цитата сообщения Rost [Прочитать целиком + В свой цитатник или сообщество!]

HTML5 для ЛиРу - коды плееров

Добрый день! Приятно, что на ЛиРу всё больше и больше людей, которые не хотят ждать милостей от природы или других людей, а берут быка за рога сами: лезут в исходный код страницы и т.д. Для остальных, менее любознательных, просто опубликую HTML5 "коды" основных плееров. Очень кратко, на вопросы отвечать не буду. Сразу скажу, что коды могут быть не обязательно вот прямо точь в точь такими. Если интересны подробности, почитайте в учебниках или справочниках по HTML5 про теги "audio" и "video".

Коды тут
Рубрики:  Уроки/- Плееры

Метки:  
Нравится

Плеер в центре изображения.
Воскресенье, 26 Января 2020 г. 16:06 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

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

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

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


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

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

<table background="https://fastpic.co/images/SNEZ9.gif12.gif" border="0" cellpadding="0" height="150" width="150"><tbody><tr><td height="75" style="padding: 0px; text-align: center;" valign="center" width="75"><audio controls="controls" src="ссылка на музыку в mp3" style="width: 20px; height: 20px; border-radius: 100px; box-shadow: 0 0 0 3px #e8e9eb; background-color: black;" type="audio"></audio></td></tr></tbody></table>


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

Mariea

Рубрики:  Уроки/- Плееры

Метки:  

 Страницы: [1]

О проекте