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

 -Метки

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

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

 

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

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

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

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

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

Дневник
Суббота, 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]

О проекте