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

 -Рубрики

 -Фотоальбом

Фотоальбом закрыт всем, кроме списка избранных и списка друзей. Зарегистрироваться!

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

Поиск сообщений в Marina-Rozina

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

 

 -Статистика

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

Выбрана рубрика Уроки разные.


Вложенные рубрики: * уроки русского языка(1), * уроки HTML(9), * текст для блогов(3), * оформление дневника(9), * музыка для плеера(3), * генераторы(6)

Другие рубрики в этом дневнике: Юмор(138), Цветы(31), Фотошоп(17), Фото(104), Флешки, flash(471), Фарфор, антиквариат(2), Уроки по фотошопу(46), Уроки по флеш(37), Уроки по magic particles 3d (1), Уроки по CodePen(4), Схемы для дневника(156), Ссылки для Лирушника(14), Спорт(6), Рамочки(165), Программы, браузеры(66), Природа(44), Поэзия(87), Политика(15), Позитив(18), Поздравления(321), Плееры(193), Открытки(176), Обои для рабочего стола(26), Новый год и Рождество(214), Музыка(109), Мои уроки(11), Мои работы(207), Клипарт, кластер, скрап-наборы(93), Иркутск, Байкал, мои путешествия(52), Знаки зодиака(1), Здоровье(5), Животные, птицы(202), Живопись, иллюстрации(7), Еда и кулинария(10), Друзьям(49), Дизайн(127), Вышивка(2), Видео(90), Анимация(105)
Комментарии (5)
Нравится

Вставляем музыкальный плеер в определённое место
Пятница, 04 Апреля 2031 г. 19:25 + в цитатник
Это цитата сообщения bloginja [Прочитать целиком + В свой цитатник или сообщество!]

Вставляем музыкальный плеер в определённое место
 










Вставляем музыкальный плеер в определённое место



Чтобы вставить плеер (и не только) в определённое место, нужно создать код и вписать туда нужные для этого теги.
Код:
<div align="center"><table border="0" cellpadding="0" background="ФОНОВАЯ КАРТИНКА" width="ШИРИНА ФОНА" height="ВЫСОТА ФОНА"><tbody><tr><td style="padding: 0px;" ТЕГИ ВЫРАВНИВАНИЯ>КОД ПЛЕЕРА</td></tr></tbody></table></div>

Теги выравнивания:

снизу по центру — valign="bottom" align="center"
снизу справа — valign="bottom" align="right"
снизу слева — valign="bottom" align="left"
сверху в центре — valign="top" align="center"
сверху справа — valign="top" align="right"
сверху слева — valign="top" align="left"

Примеры:
Cверху слева:

Cнизу слева:

Сверху справа:

Снизу справа:

Сверху в центре:

Снизу по центру:



Вопрос был про плееры, но не могу не написать, что точно так же можно вставить картинки.
Cверху слева:
Cнизу слева:
Cверху справа:
Cнизу справа:
Cверху в центре:
Cнизу по центру:


bloginja

Читайте так же:
Плееры для вставки МР3
Плееры в дневник
Плейкаст

 

Рубрики:  Уроки разные/* уроки HTML
Уроки по флеш

Метки:  
Комментарии (0)
Нравится

Удаляем фон с гиф картинки
Понедельник, 17 Апреля 2023 г. 19:05 + в цитатник
Это цитата сообщения Быкова_Любаша [Прочитать целиком + В свой цитатник или сообщество!]

Удаляем фон с гиф картинки

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!


Здравствуйте...

Сегодня мы будем учиться удалять фон с гиф картинки.
Не в фотошопе, а на онлайн сайте.




Рубрики:  Уроки разные/* генераторы

Метки:  
Комментарии (1)
Нравится

Cent Browser - как скачать, установить, настроить начинающему?
Четверг, 20 Октября 2022 г. 17:06 + в цитатник
Это цитата сообщения pasigut [Прочитать целиком + В свой цитатник или сообщество!]

Cent Browser - как скачать, установить, настроить начинающему?



Рубрики:  Видео
Уроки разные
Программы, браузеры

Метки:  
Комментарии (2)
Нравится

Изучаем языки HTML и CSS
Пятница, 08 Октября 2021 г. 14:12 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Изучаем языки HTML и CSS

 


Для тех кто творит в Сodepen.io

и стремится изучить языки для создания веб-страниц.

 

1.Блог Сodepen. Документация, подкаст - очень много матерала 


2.Коллекция бесплатных примеров кода слайдеров в HTML и CSS 


3.Изучаем языки для создания веб-страниц 


4.Примеры слайдеров из блога ylianova.ru 

 

 

*Mariea@mmg*


Моя страница в Сodepen.io - https://codepen.io/Georgievna
Рубрики:  Уроки разные/* уроки HTML
Уроки по CodePen

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

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

Дневник
Понедельник, 22 Марта 2021 г. 16:19 + в цитатник


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

Обычный 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 пикселей, иначе пропадёт кнопка воспроизведения, и вы не сможете включать и выключать аудио в прозрачном плеере!
д


 

Рубрики:  Уроки разные/* уроки HTML
Плееры/* HTML плееры
Мои уроки

Метки:  
Комментарии (3)
Нравится

Как правильно вставлять код в окошко для кодов
Пятница, 12 Марта 2021 г. 08:47 + в цитатник
Это цитата сообщения Шадрина_Галина [Прочитать целиком + В свой цитатник или сообщество!]

Как правильно вставлять код в окошко для кодов.
 


1223222399_gifs_divers.gifМногие сталкиваются с проблемой, особенно на ЛиРу, что при вставлении кодов в кодовое окошко, код в окне выставляется не полностью - обрезаются "хвостики" или наоборот - начало кода, или когда в посте блога надо написать HTML-код в виде текста а многие этого не умеют. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
Напишу несколько вариантов, как это сделать.
1. Код с использованием тэга <input
Код баннера можно поставить вот в такое окошечко. Это самый простой вид окошечка, и его используют в основном для небольших кодов.


https://img-fotki.yandex.ru/get/16116/65387414.8bf/0_152ee2_6de8b6c7_orig


 

Рубрики:  Уроки разные/* уроки HTML

Метки:  
Комментарии (3)
Нравится

Длинные ссылки в кодах - что делать? - Решение.
Пятница, 12 Марта 2021 г. 08:37 + в цитатник
Это цитата сообщения Быкова_Любаша [Прочитать целиком + В свой цитатник или сообщество!]

Длинные ссылки в кодах - что делать? - Решение.

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!
 


Всем Здравствуйте...

Сегодня урок по теме, которая волнует многих. Мне пишут и спрашивают совета, а кто-то просто проходит мимо, думая, что так и должно быть. Но нет, не должно.

Тема нашего урока

Длинные ссылки в кодах, почему и
что с этим делать?

Вы сделали рамку или загрузили музыку или просто картинки в свой Дневник. А ниже, в окне для кода, выставили весь код этого поста. А когда стали проверять, то увидели, что код так изменился, стал длинным и непонятным, короче, одни крякозябры. Было у вас такое?)) Думаю, что да...

Я не знаю, почему так происходит, но я могу помочь в решении этой проблемы.
пост составила
 

Прочитал сам - покажи другому!
Рубрики:  Уроки разные/* оформление дневника

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

Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения - повтор поста по просьбе

Дневник
Суббота, 11 Апреля 2020 г. 14:33 + в цитатник


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

Его код:
<audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/0//51...e_my_brown_eyes_blue.mp3"></audio>
Атрибут «controls» здесь нужен обязательно, т.к. он добавляет панель управления к аудиофайлу. Атрибут «src» указывает путь к воспроизводимому файлу


Я размещу плеер в виде кнопки на изображении с анимацией, которую сама сделала. У меня получилось так
Рубрики:  Уроки разные/* уроки HTML
Плееры/* HTML плееры
Мои уроки

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

Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения

Дневник
Пятница, 24 Января 2020 г. 14:56 + в цитатник


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

Его код:
<audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/0//51...e_my_brown_eyes_blue.mp3"></audio>
Атрибут «controls» здесь нужен обязательно, т.к. он добавляет панель управления к аудиофайлу. Атрибут «src» указывает путь к воспроизводимому файлу


Я размещу плеер в виде кнопки на изображении с анимацией, которую сама сделала. У меня получилось так
Рубрики:  Уроки разные/* уроки HTML
Плееры/* HTML плееры
Мои уроки

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

Оформление плееров на ли ру
Четверг, 26 Декабря 2019 г. 06:47 + в цитатник
Это цитата сообщения Mariea [Прочитать целиком + В свой цитатник или сообщество!]

Оформление плееров на ли ру.
 


В своем посте - HTML5 для ЛиРу - коды плееров
https://www.liveinternet.ru/users/marmuh/post429068712/
Rost предложил варианты Аудиоплеера, Видеоплеера и Музыкальной открытки.
В частности, вот такой аудиоплеер.

<*audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"><*/audio>

С музыкой плеер выглядит сл. образом:


его код :
<*audio controls="controls" src="//img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3" type="audio/mpeg"><*/audio>,

где //img1.liveinternet.ru/images/attach/d/0//5695/5695741_orkestr_ rulonuycha____posle_dozhdya__mp3ostrov.mp3 - код музыки.
Я загрузила его в пост со своего компьютера.

Чтобы немного украсить этот аудиоплеер, я поместила его в рамочку, обычную, маленькую рамочку.
Вот пример:

1.
Читать далее...
Рубрики:  Уроки разные/* уроки HTML
Плееры/* HTML плееры

Метки:  

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

О проекте