-Метки

2ipstartguard 8 марта firefox html mail.ru mp3 registry life startup delayer windows windows 10 windows 7 µtorrent автозагрузка активированный уголь амурский тигр басня болезни по рукам браузер видео в firefox видео рамка вино всё про картинки вставить чужую рамку гипертония групповое переименование файлов делаем рамки диана анкудинова диеты доктор сапего домашние хитрости индексация интернет картинки в ряд и в столбик кинокомедия клавиатура компьютер компьютерная безопасность компьютерная шпаргалка контекстное меню красота кулинарные рецепты лечение фольгой лирика медицина медицинские советы молитва музыка музыка любви музыка ретро музыкальная открытка налоговая реформа новый год общество оказание первой помощи пасха плеер плеер на картинке плееры - линеечки плееры-кнопки плейкаст плейлист превью развернуть картинку рамка детская рамка для музыки рамка здоровье рамки для постов религиозные рамки рецепты родительский контроль с. копылова самопомощь своими руками серебряные мостики скайп скачать музыку смартфон советы мясникова создание муз. открытки создать музыку сохранить дневник на компьютер сухарики счастье текст на картинку телефон тесто слоёное узнать оператора учимся делать рамки флеш фотошопинг шампунь шрифт экспорт дневника электроэнергия юмор яндекс

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

 

Записи с меткой создание муз. открытки

(и еще 1 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

2ipstartguard 8 марта avira firefox google chrome html mail.ru mp3 registry life startup delayer unchecky windows windows 10 windows 7 µtorrent автозагрузка активированный уголь амурский тигр архив интернета баннер басня бегущая строка болезни по рукам браузер видео видео в firefox видео рамка вода всё про картинки вставить чужую рамку гороскоп групповое переименование файлов делаем рамки диана анкудинова диеты доктор сапего домашние хитрости драйвер загрузить музыку закругляем углы закуски запрет авторизации интернет информер картинки в ряд и в столбик кинокомедия клавиатура компьютер компьютерная шпаргалка кулинарные рецепты лирика музыка музыка любви музыка ретро музыкальная открытка налоговая реформа новый год оказание первой помощи отключение тачпада пасха письмо мужу плеер на картинке плееры - линеечки плееры-кнопки плейкаст поиск человека превью проверка слуха радио на компьютер развернуть картинку рамка для музыки рамка здоровье рамки для постов рецепты рецепты для похудения самопомощь сборка портативных программ своими руками скайп скачать музыку смартфон советы мясникова стихи счастье текст на картинку телефон удаление дубликатов узнать оператора ускорить видео учимся делать рамки флеш шрифт шрифты электроэнергия юмор яндекс

Урок по созданию музыкальной открытки

Дневник

Суббота, 25 Ноября 2023 г. 06:20 + в цитатник


Помощь блогеру



Урок по созданию музыкальной открытки9f6cadff278f (49x82, 1Kb)


1. Подбираем фоновые картинки для нашей открытки. Получаем их ссылки-адреса через какой-нибудь хостинг или загружаем с компьютера.

Я взяла для примера такие:
1. Контур


2. Широкая вставка



3. Фоновая картинка


4. Плеер для музыки
(170x80, 2Kb)
5.
Скелет рамки - открытки с плеером копируем в Новую запись дневника



6. Копируем по очереди ссылки подготовленных картинок и вставляем в код вместо моих слов.
Т.е. копируем ссылку первой картинки и вставляем вместо слова "КОНТУР". Затем копируем вторую ссылку и вставляем вместо слов "ШИРОКАЯ ВСТАВКА". И так со всеми картинками.


7. Размер фоновой картинки указываем в тегах width (ширина) и height (высота). Здесь картинка 480х489, поэтому в коде указаны значения width="480" height="489".

8. На место слов "КАРТИНКА ПЛЕЕРА" вставляется адрес картинки любого подходящего плеера.
К примеру, такой или тот, который я поставила.

И, наконец, получаем готовую музыкальную открытку:








Вариаций создания подобных рамок много: можно делать совсем без контуров и фонов или наоборот добавить ещё фонов... Главное понять принцип построения рамок с помощью HTML тегов.

А можно сделать вот такую открытку http://www.liveinternet.ru/users/win-win-win/post346502774/

Давно не писала уроки, поэтому может что упустила. Что не понятно, пишите, объясню.

Удачи!

bloginja




Серия сообщений "Музыкальная открытка":
Часть 1 - Дни бегут... А.Вертинский
Часть 2 - Музыкальные рамки - открытки
Часть 3 - Музыкальная открытка "Кот Леопольд"
Часть 4 - Музыкальная открытка "Баба Яга"
Часть 5 - Урок по созданию музыкальной открытки
Часть 6 - Музыкальная открытка к Новому Году

Серия сообщений "Уроки":
Часть 1 - Как узнать цветовой HTML код
Часть 2 - Бегущая строка из картинок или текста
...
Часть 16 - Вставить чужую рамку себе в пост
Часть 17 - Плееры для Лиру
Часть 18 - Урок по созданию музыкальной открытки
Часть 19 - Развернуть картинку прямо на странице поста


Метки:  

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