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

Авторизация

Дневник bloginja Лента друзей - Дневник - Полная версия

Урок по созданию музыкальной открытки 25-11-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

вверх^ к полной версии понравилось! в evernote

Комментарии (50): «первая «назад

Talya6 26-11-2015-22:03 удалить

Спасибо большое.

Вы сейчас не можете прокомментировать это сообщение.