Все игры
Запись

Рамка "СЛУШАТЬ и СКАЧАТЬ" . Урок Джулии


Нравится

Вы не можете комментировать, т.к. не авторизованы.


Un - Master®      16-11-2012 12:47 (ссылка)
Re: Рамка "СЛУШАТЬ и СКАЧАТЬ" . Урок Джулии

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



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


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

Итак.
Подготовим картинки. Я взяла такие:
1.
её адрес http://content.foto.mail.ru...
размер картинки 600х321

2.
её код <img src="http://content.foto.mail.ru...">
размер 22х30

Вставляем в Новую запись код рамки:
<table cellspacing="0" cellpadding="0" background="ЛИЦЕВОЙ ФОН" border="0"><tr><td width="ШИРИНА ФОНА"><right><a 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>
МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a>
</td></tr>
<tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a>
</td></tr>
<tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a>
</td></tr>
<tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a>
</td></tr>
<tr><td>МУЗЫКАЛЬНЫЙ ТРЕК</td><td><a href='ССЫЛКА НА ЭТОТ ТРЕК'><br>КАРТИНКА - КНОПКА СКАЧАТЬ</a>
</td></tr></table>
<br></td></tr></table>



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

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

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


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


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

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

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

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





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

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


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


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

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

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

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




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

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

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


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

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

Было: <a href='ССЫЛКА НА ЭТОТ ТРЕК'>
Стало: <a href='http://music20.my.mail.ru/f...'>

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

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


Скачать файл


Скачать файл



Скачать файл



Скачать файл



Скачать файл





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

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


Скачать файл


Скачать файл



Скачать файл



Скачать файл



Скачать файл




Нашел у Джулии Surge
Желаю удачи!








Surge Blavat      16-11-2012 12:50 (ссылка)
Марго-Рита- Маргарита      16-11-2012 12:58 (ссылка)
Лидия Храпова      16-11-2012 13:21 (ссылка)
Комментарий удален
~*~ ~*~      16-11-2012 13:33 (ссылка)
     16-11-2012 13:36 (ссылка)
Спасибо Джулии и вам.
Галина Сучкова      16-11-2012 13:38 (ссылка)
Спасибо!
Любаша К ***      16-11-2012 14:31 (ссылка)
ИНТЕРЕСНОЕ РЕШЕНИЕ...МУЗЫКА И ССЫЛКА НА СКАЧИВАНИЕ, ЕСЛИ ЕСТЬ ДОАНЛОАД МАСТЕР..НУ А .ЕСЛИ КВИКТАЙМ, ТО ТОГДА ПОЙДЕТ ТОЖЕ АУДИОПРОСЛУШИВАНИЕ...НО МЫСЛЬ ХОРОШАЯ...
Irina K      16-11-2012 14:38 (ссылка)
Здорово!Спасибо!
Лариса Виноградова      16-11-2012 15:36 (ссылка)
Спасибо большое Вам и конечно Джулии
Людмила Л.      16-11-2012 15:50 (ссылка)
Надо попробовать.Интересный урок!
Ирина Ковалькова      16-11-2012 17:07 (ссылка)
спасибо интересно
Olga 😍 S-M      16-11-2012 20:11 (ссылка)
Интересно........................
Винга .      16-11-2012 20:43 (ссылка)
спасибо
Людмила Ткачева      16-11-2012 20:51 (ссылка)
Очень здорово! Конечно пригодится!
Большое спасибо тебе и Джулии!
Валентина Гайдаш      16-11-2012 21:58 (ссылка)
Всем огромное СПАСИБО111
Лариса Васильевна      16-11-2012 22:08 (ссылка)
Re: Рамка "СЛУШАТЬ и СКАЧАТЬ" . Урок Джулии
Большое вам спасибо за этот урок! Вот, что у меня получилось благодаря столь полному уроку:
Духовное пение


























Ольга Скорнякова      17-11-2012 17:54 (ссылка)
     17-11-2012 19:54 (ссылка)
     18-11-2012 12:34 (ссылка)
Людмила Суковых      20-11-2012 23:07 (ссылка)
@ЛЕНО4К@ ИВ@НОВ@      22-10-2013 23:50 (ссылка)
Огромное спасибо Вам, Сергей, и конечно же Юлечке! Благодаря Вашим урокам, " чайники" становятся "асами".... Супер!!! Спасибо!!!