Записи Друзья Комментарии
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 марта firefox html mail.ru mp3 registry life startup delayer unchecky wi - fi 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]

О проекте