Выбрана рубрика HTML5.

Другие рубрики в этом дневнике: Яндекс фотки(5), юмор(1), Это интересно(21), экшены(12), ШРИФТЫ(0), часики(30), футажи(4), фракталы(65), фотошоп(144), ФОТО(1), фоны(22), ФЛЕШ (451), фильтры(51), Уроки в программе Jasc Animation Shop(9), текст(26), Стихи(1), смайлики(3), слайд шоу(1), скрап наборы(3), сад огород(8), редактор(1), раскрой и пошив(1), рамочник(0), РАМОЧКИ(41), разделители(3), Работы друзей(38), ПРОГРАММЫ(50), Природа(1), почта(2), подсказки от друзей(22), Плетение(4), плеер(124), плагины, фильтры фш(34), панорамы(23), Панорамы(26), оформление(22), Общие уроки(3), О сайтах(27), музыкальная открытка(55), музыка(59), мои вырезки(16), МОЕ ВИДЕО(27), медицина(23), маски(14), макросы(5), кулинария(63), куколки(12), конвертер(4), компьютерная грамотность(32), КОЛЛАЖИ(340), кнопки-плееры(9), кнопки(5), книги(0), клипарты(98), картинки(5), информеры(1), знания школьные(6), замена радикалу(1), заготовки календари(3), ЖЖ(13), декор(21), Девиант(2), градиенты(4), генераторы(12), газеты(2), вязание(28), вышивка(3), все под рукой(31), вопросы и ответы(2), бродилки(47), Браузеры(12), баннер(5), анимашки(12), Google(1), Fanta Morph(6), DP Animation Maker(2), Corel PSP(69), Codepen(98), Adobe Illustrator(5)

Воскресенье, 18 Апреля 2021 г. 11:04 + в цитатник

Музыку можно вставить свою.

Рубрики:

кнопки-плееры
HTML5

Метки: кнопки-плееры HTML

Как к фоновому изображению добавить кнопку с прозрачным HTML5 аудиоплеером

Понедельник, 22 Марта 2021 г. 19:08 + в цитатник
Это цитата сообщения Marina-Rozina [Прочитать целиком + В свой цитатник или сообщество!]

Как к фоновому изображению добавить кнопку с прозрачным HTML5 аудиоплеером

Пишу урок, как я делаю плеер, который включается с помощью кнопочки, как во флеш. Важные атрибуты буду выделять красным цветом и объяснять, что они означают.

Обычный HTML5 аудиоплеер выглядит так

Его код:

<center>
<audio controls="controls" src="https://static.tunnel.ru/media/audio/2021-03/post/149729//andre-rieu---serenade-du-rossignol.mp3"></audio>
</center>

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

Код:

<center>
<audio controls="controls" src="https://static.tunnel.ru/media/audio/2021-03/post/149729//andre-rieu---serenade-du-rossignol.mp3" style="width: 90px;"></audio>
</center>

Внимание!
Не задавайте значение ширины менее 90 пикселей, иначе пропадёт кнопка воспроизведения, и вы не сможете включать и выключать аудио в прозрачном плеере!

Рубрики:

HTML5

Метки: HTML5

Комментарии (4)

Новые часы для блога в формате - HTML-5- много. ( Прокрутка справа)

Понедельник, 15 Марта 2021 г. 16:28 + в цитатник
Это цитата сообщения Talya6 [Прочитать целиком + В свой цитатник или сообщество!]

Новые часы для блога в формате - HTML-5- много. ( Прокрутка справа).

Рубрики:

HTML5

Метки: HTML5

Комментарии (0)

Календари с html кодом от Лили

Воскресенье, 31 Января 2021 г. 09:32 + в цитатник
Это цитата сообщения LiSu [Прочитать целиком + В свой цитатник или сообщество!]

Календари с html кодом

Выберете подходяший вам информер и скопируйте его код в свой блог.
Информер календаря

Рубрики:

HTML5

Метки: HTML5

Гори зелёным пламенем!

Воскресенье, 21 Июня 2020 г. 10:32 + в цитатник
Это цитата сообщения Jorjorych [Прочитать целиком + В свой цитатник или сообщество!]

Гори зелёным пламенем!

О-Боже1 (700x174, 2236Kb)

В рамочке для кода прописан HTML скрипт для вставки плеера в определённую позицию на фоне.

Плеер создан в программе Web Audio Plus portable

Серия сообщений "Гиф":
Часть 1 - Дневник Jorjorych
Часть 2 - Падающий снег - анимированные фоны
...
Часть 45 - И снова: С Новым годом!
Часть 46 - Снегопад рождественский
Часть 47 - Гори зелёным пламенем!

Рубрики:

Работы друзей
HTML5

Метки: Работы друзей

Расположение музыки на картинке

Четверг, 20 Июня 2019 г. 08:56 + в цитатник
Это цитата сообщения Lyudmila_Lyu [Прочитать целиком + В свой цитатник или сообщество!]

Расположение музыки на картинке

Формулы общеизвестные. На авторство не претендую.

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху справа

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу справа

Рубрики:

HTML5

Метки: HTML5

HTML

Пятница, 07 Июня 2019 г. 12:28 + в цитатник
Это цитата сообщения DED_c_B9ITKU [Прочитать целиком + В свой цитатник или сообщество!]

Тег FIELDSET

Рамки с помощью тега FIELDSET

Чтобы сделать такую рамку, нужно воспользоваться следующим кодом:
<fieldset><legend>Заголовок рамки</legend>

Содержимое рамки (здесь может быть текст, код плеера с музыкой, фото, видео)

</fieldset>

В заголовок также можно вставить все что угодно (фото, видео и др.). Достаточно прописать нужный код вместо фразы "Заголовок рамки".

Fieldset с цветной рамкой
Используя следующие теги можно задать цвет рамки Fieldset:
<fieldset style="border:1px #00BFFF solid;">
<legend> Содержимое рамки

</fieldset>

Fieldset с цветной выпуклой рамкой

Здесь измене стиль рамки, цвет, размер, шрифт заголовка и сожержимого рамки.
Код такой рамки:
<fieldset style="border: #1874CD ridge thick;">
<legend> <b><span style="font-family:Monotype Corsiva;color:#104E8B;font-size:25px">Заголовок</b></span></legend><span style="font-family:Comic Sans MS;color:#8B795E;font-size:14px">Содержимое </span>

</fieldset>

Границы рамок border можете менять на свое усмотрение. Изменить размер, цвет и шрифт текста можете, пользуясь моей инструкцией. Пригодится Вам и таблица цвета HTML

Для того, чтобы сделать границу без заголовка, достаточно использовать следующий код:
<fieldset>содержимое рамки</fieldset>

Взято ЗДЕСЬ

Рубрики:

HTML5

Метки: HTML5

HTML - HyperText Markup Language

Вторник, 06 Февраля 2018 г. 15:15 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

HTML - HyperText Markup Language

HyperText Markup Language (HTML) -
это язык разметки гипертекста.

Здесь очень много открытий чудных - читаем и учимся...

Mariea@mmg

Смело открывайте страницу за страницей, там очень много всего.
Назойливые рекламные странички закрывайте и вновь нажмите,
откроется нужная страница.

Рубрики:

HTML5

Метки: HTML5

Страницы:

[1]

LiveInternetLiveInternet

-Музыка

-Метки

-Рубрики

-Приложения

-Новости

-Ссылки

-Фотоальбом

-Стена

-

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

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

-Друзья

-Постоянные читатели

-Сообщества

-Статистика

Мои кнопки с прозрачным HTML аудиоплеером

Дневник

Как к фоновому изображению добавить кнопку с прозрачным HTML5 аудиоплеером

Новые часы для блога в формате - HTML-5- много. ( Прокрутка справа)

Календари с html кодом от Лили

Гори зелёным пламенем!

Расположение музыки на картинке

HTML

HTML - HyperText Markup Language