• Авторизация
Дневник Марина_Шатохина Лента друзей - Дневник - Полная версия


рамка с музыкой 19-02-2014 18:00 к комментариям - к полной версии - понравилось!


[показать]

Уроки от Джулии



Рамка "Слушать и скачать"


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

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

2. [показать]
её код <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://content.foto.mail.ru/mail/moisin/3320/i-3356.jpg" target=_blank border="0">[показать]</a>
размер 22х30

Вставляем в Новую запись код рамки:
<table cellspacing="0" cellpadding="0" background="ЛИЦЕВОЙ ФОН" border="0"><tr><td width="ШИРИНА ФОНА"><right><a target="_blank" href="ССЫЛКА НА АВТОРА">ИМЯ АВТОРА</a></right><text face="verdana" size="РАЗМЕР ТЕКСТА" color="ЦВЕТ ТЕКСТА"><b><center><u>НАЗВАНИЕ РАМКИ</u></center></b></text><br /><table cellspacing="0" cellpadding="0" border="0"><tr><td width="330"><br /> МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr></table><br /> <br /></td></tr></table>


Вставляем на место записи ЛИЦЕВОЙ ФОН адрес картинки №1
Было:
<table cellspacing="0" cellpadding="0" background="ЛИЦЕВОЙ ФОН" border="0"></table>
Стало:
<table cellspacing="0" cellpadding="0" background="http://content.foto.mail.ru/mail/moisin/3320/i-3355.jpg" border="0"></table>

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

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






МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]




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

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






МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]



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

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

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

На место записи МУЗЫКАЛЬНЫЙ ТРЕК ставим курсор и вставляем музыку.
Было: <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td></td></tr>
Стало: <tr><td><music author="" title="День рождения" duration="03:50" url="music:http://music20.my.mail.ru/file/18b58e8d76e339d72a4c9f4e37810a60.mp3"></music></td><td></td></tr>

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

Было: <a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"></a>
Стало: <a href="http://music20.my.mail.ru/file/18b58e8d76e339d72a4c9f4e37810a60.mp3"></a>

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

Джулия
Людмила Сенчина






Скачать файл

Скачать файл


Скачать файл


Скачать файл


Скачать файл




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

[показать]
Людмила Сенчина






Скачать файл

Скачать файл


Скачать файл


Скачать файл


Скачать файл




Желаю удачи!




Флеш-открытки Мейла
Помощь на Mail.ru
Музыка в блог
Помощь блогеру







[показать]

Уроки от Джулии



Рамка "Слушать и скачать"


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

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

2. [показать]
её код <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://content.foto.mail.ru/mail/moisin/3320/i-3356.jpg" target=_blank border="0">[показать]</a>
размер 22х30

Вставляем в Новую запись код рамки:
<table cellspacing="0" cellpadding="0" background="ЛИЦЕВОЙ ФОН" border="0"><tr><td width="ШИРИНА ФОНА"><right><a target="_blank" href="ССЫЛКА НА АВТОРА">ИМЯ АВТОРА</a></right><text face="verdana" size="РАЗМЕР ТЕКСТА" color="ЦВЕТ ТЕКСТА"><b><center><u>НАЗВАНИЕ РАМКИ</u></center></b></text><br /><table cellspacing="0" cellpadding="0" border="0"><tr><td width="330"><br /> МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr><br /> <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"><br />КАРТИНКА - КНОПКА СКАЧАТЬ</a><br /> </td></tr></table><br /> <br /></td></tr></table>


Вставляем на место записи ЛИЦЕВОЙ ФОН адрес картинки №1
Было:
<table cellspacing="0" cellpadding="0" background="ЛИЦЕВОЙ ФОН" border="0"></table>
Стало:
<table cellspacing="0" cellpadding="0" background="http://content.foto.mail.ru/mail/moisin/3320/i-3355.jpg" border="0"></table>

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

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






МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]




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

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






МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]
МУЗЫКАЛЬНЫЙ ТРЕК
[показать]



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

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

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

На место записи МУЗЫКАЛЬНЫЙ ТРЕК ставим курсор и вставляем музыку.
Было: <tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td></td></tr>
Стало: <tr><td><music author="" title="День рождения" duration="03:50" url="music:http://music20.my.mail.ru/file/18b58e8d76e339d72a4c9f4e37810a60.mp3"></music></td><td></td></tr>

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

Было: <a target="_blank" href="ССЫЛКА НА ЭТОТ ТРЕК"></a>
Стало: <a href="http://music20.my.mail.ru/file/18b58e8d76e339d72a4c9f4e37810a60.mp3"></a>

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

Джулия
Людмила Сенчина






Скачать файл

Скачать файл


Скачать файл


Скачать файл


Скачать файл




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

[показать]
Людмила Сенчина






Скачать файл

Скачать файл


Скачать файл


Скачать файл


Скачать файл




Желаю удачи!




Флеш-открытки Мейла
Помощь на Mail.ru
Музыка в блог
Помощь блогеру
вверх^ к полной версии понравилось! в evernote


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

Дневник рамка с музыкой | Марина_Шатохина - Дневник Марина Литвинова | Лента друзей Марина_Шатохина / Полная версия Добавить в друзья Страницы: раньше»