Как сделать рамку "Слушать и скачать"

топ 100 блогов Джулия15.11.2012

Как сделать рамку
Помощь блогеру




Как сделать рамку
Рамка "Слушать и скачать"


Попросили написать урок, как делать такие рамки. А писать, честно, не знаю что. Это ведь обычная рамка, которые мы уже учились делать здесь.
Я просто дам HTML-код такой рамки и покажу на примере как будет меняться рамка в процессе.

Итак.
Подготовим картинки. Я взяла такие:
1. Как сделать рамку
её адрес http://content.foto.mail.ru/mail/moisin/3320/i-3355.jpg
размер картинки 600х321

2. Как сделать рамку
её код Как сделать рамку http://content.foto.mail.ru/mail/moisin/3320/i-3356.jpg">
размер 22х30

Вставляем в Новую запись код рамки:
ИМЯ АВТОРА
НАЗВАНИЕ РАМКИ






МУЗЫКАЛЬНЫЙ ТРЕК

КАРТИНКА - КНОПКА СКАЧАТЬ

МУЗЫКАЛЬНЫЙ ТРЕК
КАРТИНКА - КНОПКА СКАЧАТЬ

МУЗЫКАЛЬНЫЙ ТРЕК
КАРТИНКА - КНОПКА СКАЧАТЬ

МУЗЫКАЛЬНЫЙ ТРЕК
КАРТИНКА - КНОПКА СКАЧАТЬ

МУЗЫКАЛЬНЫЙ ТРЕК
КАРТИНКА - КНОПКА СКАЧАТЬ






Вставляем на место записи ЛИЦЕВОЙ ФОН адрес картинки №1
Было:

Стало:
http://content.foto.mail.ru/mail/moisin/3320/i-3355.jpg" border="0">

Точно также на место записей КАРТИНКА - КНОПКА СКАЧАТЬ вставляем код картинки №2.

Нажмём на предпросмотр и глянем, что у нас получилось.
НАЗВАНИЕ РАМКИ


МУЗЫКАЛЬНЫЙ ТРЕК

Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку





Да... некрасиво... А всё потому, что мы не указали размер рамки. А размер должен соответствовать размеру картинки.
Подставим значение ширины картинки (её ширина 600) на место записи ШИРИНА ФОНА

НАЗВАНИЕ РАМКИ


МУЗЫКАЛЬНЫЙ ТРЕК

Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку

МУЗЫКАЛЬНЫЙ ТРЕК
Как сделать рамку




Совсем другое дело!

Теперь вставляем музыку с Мейла.

Для тех, кто ещё не знает, как вставить музыку из альбома:
В Новой записи справа нажать на кнопку АУДИО Как сделать рамку . выбрать нужный трек и нажать кнопку ВСТАВИТЬ.


На место записи МУЗЫКАЛЬНЫЙ ТРЕК ставим курсор и вставляем музыку.
Было:
МУЗЫКАЛЬНЫЙ ТРЕК
Стало:
http://music20.my.mail.ru/file/18b58e8d76e339d72a4c9f4e37810a60.mp3">

На место записи ССЫЛКА НА ЭТОТ ТРЕК вставляем ссылку из вставленного кода музыки.
Ссылка всегда начинается с http:// и заканчивается mp3
В данном коде ссылка http://music20.my.mail.ru/file/18b58e8d76e339d72a4c9f4e37810a60.mp3

Было:
Стало:


Теперь подставляем атрибуты текста (размер, цвет, ...), ссылку на автора, пишем заголовок. И получаем вот такую рамочку.

Людмила Сенчина

Скачать файл

Скачать файл

Скачать файл

Скачать файл

Скачать файл
Джулия


- Полевые цветы
Как сделать рамку
03:35 

- День рождения
Как сделать рамку
03:50 

- У природы нет плохой погоды
Как сделать рамку
03:10 


- Сладка ягода
Как сделать рамку
03:01 


- Колыбельная
Как сделать рамку
03:26 





Можно оформить рамку дополнительными фонами вокруг.

Как сделать рамку
Людмила Сенчина


Как сделать рамку
- Полевые цветы 03:35 

Скачать файл


Как сделать рамку
- День рождения 03:50 

Скачать файл


Как сделать рамку
- У природы нет плохой погоды 03:10 


Скачать файл


Как сделать рамку
- Сладка ягода 03:01 


Скачать файл


Как сделать рамку
- Колыбельная 03:26 


Скачать файл






Желаюудачи!



Как сделать рамку


Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!

Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку Как сделать рамку

Оставить комментарий

Архив записей в блогах:
Не покидает меня мысль купить машину отечественного производства. Согласитесь, иномаркой сейчас никого не удивишь, а в Москве ездить на LADA Granta это реально шик!-) Даже представляю реакцию восхищения у людей! LADA Granta возглавляет российские продажи новых легковых автомобилей ...
Это тот самый голод, о наступлении которого Лев Толстой уже 1 ноября 1891 г. бьет тревогу в статье "Страшный вопрос": «Захвачена неурожаем 1/3 России -- самая плодородная, кормившая остальные 2/3, и потому очень вероятно, что хлеба на всех не достанет. ...
Вчера был день Святого Валентина. Для кого-то это повод пригласить любимого человека на свидание. Хотя для знаков внимания не нужно ждать повода или определенной даты. Любовь если она есть, то она прослеживается каждый день в словах, действия. И даже спустя много лет приятно вспоминать ...
Танковое подразделение полка "Азов" "Холодный яр" в сентябре проходило серьезную обкатку и пристрелку. После чего полк и без того наводящий ужас на орды террористов, стал еще более грозной силой, только и ждущей одного - срыва "Минска-2"... Который террористы Д-ЛНР, по правде говоря, уж ...
с морозом и солнцем. Но грозят сильным потеплением, хотя на севере температурный рекорд по морозу. Пока еще все в снегу и выглядит сказочно. ...