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

топ 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 - бесплатный счетчик на любой вкус!

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

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

Архив записей в блогах:
Это один из дурацких вопросов, на который каждый имеет свой ответ. Часто, в качестве примера, приводится вторая поправка к Конституции США. Но зачем она была принята и кто её читал? А звучит она дословно так: " Поскольку хорошо организованное народное ополчение необходимо для ...
Волонтеры привезли гуманитарку ополчению под Донецкий аэропорт, в числе которой были и бронежилеты. Один из волонтеров, видимо, по своей инициативе решил доказать их прочность, и предложил знаменитому Мотороле провести испытания путем отстрела на живом человеке. Роль мишени добровольцу уда ...
Недаром практически все и со всех сторон говорят: "Мир сошёл с ума!"... Ага. Именно сошёл с ума, причём те кто это говорит считает, что конкретно они - нет, они нормальные...  Нет! Мы и вы - такие же сумасшедшие... Поясню: что раньше делали государства, проигрывающие войну? ...
Субботний вечер. Перед семейным выходом в пиццерию. Детей из кадра убрали. :) ...
Нет, не пойдём. Я, может, заеду глянуть, кто там и где стоит. Но это не ...