1. Подбираем фоновые картинки для нашей открытки. Получаем их ссылки-адреса через какой-нибудь хостинг или загружаем с компьютера.
Я взяла для примера такие:
1. Контур
2. Широкая вставка
3. Фоновая картинка
4. Плеер для музыки
5.
Скелет рамки - открытки с плеером копируем в Новую запись дневника
6. Копируем по очереди ссылки подготовленных картинок и вставляем в код вместо моих слов.
Т.е. копируем ссылку первой картинки и вставляем вместо слова "КОНТУР". Затем копируем вторую ссылку и вставляем вместо слов "ШИРОКАЯ ВСТАВКА". И так со всеми картинками.
7. Размер фоновой картинки указываем в тегах width (ширина) и height (высота). Здесь картинка 480х489, поэтому в коде указаны значения width="480" height="489".
8. На место слов "КАРТИНКА ПЛЕЕРА" вставляется адрес картинки любого подходящего плеера.
К примеру, такой или тот, который я поставила.
И, наконец, получаем готовую музыкальную открытку:
Вариаций создания подобных рамок много: можно делать совсем без контуров и фонов или наоборот добавить ещё фонов... Главное понять принцип построения рамок с помощью HTML тегов.