-Метки

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

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

 

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

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

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

2ipstartguard 8 марта firefox 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]