-Цитатник

Легендарная бузина - (2)

Легендарная бузина У нас во дворе растет это дерево - бузина. Сейчас цветет и украшает двор. Я сф...

Выводим из организма яды и все лишнее - (0)

Выводим из организма яды и все лишнее Если вы хотите похудеть или просто оздоровиться, этот по...

Всё просто: если он действительно любит, то никогда не уйдёт. - (0)

Всё просто: если он действительно любит, то никогда не уйдёт. Уйти – это тоже решение, и...

Рецепт, если болит печень. - (0)

Рецепт, если болит печень Если вас беспокоит печень, вы живете в неблагоприятных экологических...

Потрясающие тканевые жалюзи своими руками - (1)

Потрясающие тканевые жалюзи своими руками Римские шторы часто называют «тканевыми ж...

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Общая
Общая
14:25 01.11.2013
Фотографий: 5

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Укорачиватель ссылок Укорачиватель ссылокУкорачиватель ссылок от сервиса Link.ac Наверняка вы задумывались - как сократить ссылку? Как поделиться с друзьями короткой ссылкой, чтобы им не пришлось все перепечатывать? Используя Link.ac вам

 -Всегда под рукой

 -Я - фотограф

Рона маленькая 2месяца и 5 месяцев

 -Поиск по дневнику

Поиск сообщений в Милаграс

 -Подписка по e-mail

 

 -Интересы

вязание.кулинария.бисероплетение.религия.юмор.быто

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 14.12.2012
Записей: 8638
Комментариев: 1459
Написано: 17664


КАК СДЕЛАТЬ РАМКУ--"СЛУШАТЬ и СКАЧАТЬ".

Понедельник, 02 Февраля 2015 г. 12:47 + в цитатник
Цитата сообщения ЕЛАНОЧКА "Как сделать рамку "Слушать и скачать".

***Джулия

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



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



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


Попросили написать урок, как делать такие рамки. А писать, честно, не знаю что. Это ведь обычная рамка, которые мы уже учились делать здесь.
Я просто дам 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...'>

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

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







Скачать файл


День рождения

Скачать файл


У природы нет плохой погоды


Скачать файл


Сладка ягода


Скачать файл


Колыбельная


Скачать файл





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

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







Скачать файл


День рождения

Скачать файл


У природы нет плохой погоды


Скачать файл


Сладка ягода


Скачать файл


Колыбельная


Скачать файл





Желаю удачи!











Серия сообщений "уроки от *Джулии":
все от *Джулии

Часть 1 - Рамка "СЛУШАТЬ и СКАЧАТЬ" . Урок Джулии
Часть 2 - Как быстро восстанавливать утраченные фоны и картинки.
Часть 3 - "Как сделать рамку "Слушать и скачать".


Рубрики:  РАМОЧКИ/уроки
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку