создание муз. открытки - Самое интересное в блогах

bloginja

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

Суббота, 25 Ноября 2023 г. 06:20 (ссылка)

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

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

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

Метки: создание муз. открытки

Комментарии (35)Комментировать В цитатник или сообщество

создание муз. открытки - Самое интересное в блогах

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

<создание муз. открытки - Самое интересное в блогах