• Авторизация


Получаем код плеера с помощью Рамочника 01-03-2013 18:26 к комментариям - к полной версии - понравилось!

Это цитата сообщения Лариса_Гурьянова Оригинальное сообщение

Получаем код плеера с помощью Рамочника

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

[290x126]

Урок годится только для ЛиРу. Как сделать это на Мейле, смотрим ЗДЕСЬ.

Сегодня Леночка - Elena505 подсказала мне, как получить код плеера любого размера в Рамочнике.
Оказывается, в нем можно делать не только рамки, но и вот такие чудесные вещи,
не заморачиваясь с кодами..))




[показать]






[показать]






[показать]






[показать]




Делаем в фотошопе любой, какой захотите, плеер. Я открыла новый прозрачный файл размером 400 Х 250 пикселей и нарисовала инструментом "Прямоугольник со скругленными углами" радиусом 50-60 пикселей основу для плеера.
Я старалась расположить плеер ровно посередине, чтобы музыка потом встала ровно.

[369x149]

Залив плеер градиентом, применив тиснение, сделав обводку и добавив на плеер любой клипарт, подписала свою работу.
Все, наш плеер готов.

(Если вдруг кто-то вообще не умеет делать плееры, научиться можно ЗДЕСЬ)

[445x275]

Сохраняем его для Веб устройств... с такими параметрами:

[324x337]

Теперь нам надо вставить его в блог и добавить в плеер музыку.

Для начала, загрузим картинку нашего плеера на Яндекс-Фотки. Как это сделать, читаем ЗДЕСЬ.

Оттуда нам нужно будет взять всего два параметра:
1. размеры плеера
2. ссылку на плеер

[503x598]

А затем начинается самое интересное. Идем в РАМОЧНИК и четко действуем по скринам:

[687x608]

[615x371]

Вот, мы получили код и вставили в свой дневник в простой текстовой редактор:



Казалось бы, что все! Ан, нет...))
Не забудьте поставить перед началом кода тег, который выравнивает плеер по центру:



И сразу - после слов ВАША МУЗЫКА - ссылку на ваш дневник:

<p align="center"><a href="АДРЕС ДНЕВНИКА" target="_blank">ВАШ НИК</a></p>

Мне не очень нравится кликабельная ссылка на НИК, плер-то и так вами подписан, поэтому я сделала кликабельную картинку (звездочку) по такой формуле (может она вам тоже понравится):



Если, вдруг, слова ВАША МУЗЫКА "уплывут" наверх, то поставьте перед ними один - два раза тег <br />, и они встанут на место.

Все! Наконец, основа нашего плеера готова.



ВАША МУЗЫКА

[показать]



Осталось только вставить музыку. Для этого, вместо слов ВАША МУЗЫКА, надо вставить плеер.
Как это сделать, читайте ЗДЕСЬ.

После всех процедур получаем вот такой плеер:




[показать]



Жмем на ПРЕДПРОСМОТР и, если все вас устроит, СОХРАНЯЕТЕ.
Удачи вам!!!
для вас Лариса Гурьянова



Серия сообщений "Плееры":

Часть 1 - Как вставить музыку с сайта «privet.ru»?
Часть 2 - Плеер для видео, рамка для видео
...
Часть 34 - Плеер для вас
Часть 35 - Делаем плеер на сайте grooveshark.com
Часть 36 - Получаем код плеера с помощью Рамочника
Часть 37 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
Часть 38 - Учимся делать музыкальную открытку




Серия сообщений "Для ЛиРу":

Часть 1 - Как вставить эпиграф
Часть 2 - Как сделать кликабельную ссылку
...
Часть 41 - ВСЕ, ЧТО МЫ ХОТИМ ЗНАТЬ О ЛиРу...
Часть 42 - 7 заповедей лирушника
Часть 43 - Получаем код плеера с помощью Рамочника
Часть 44 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
Часть 45 - Учимся делать музыкальную открытку
...
Часть 50 - Впервые на Ли Ру?
Часть 51 - ВОПРОСЫ И ОТВЕТЫ
Часть 52 - Нужные формулы для дневника




Серия сообщений "Памятка начинающему блогеру":

Часть 1 - Обновить/Удалить драйвер
Часть 2 - Делаем бесшовные фоны он-лайн
...
Часть 44 - Как вставить счетчик на страничку дневника
Часть 45 - ДЕЛАЕМ ФОН ДЛЯ БЛОГА ИЗ ЛЮБОЙ КАРТИНКИ БЕЗ ФШ
Часть 46 - Получаем код плеера с помощью Рамочника
Часть 47 - КАК ВСТАВИТЬ В ДНЕВНИК MP3-ПЛЕЕР
Часть 48 - Учимся делать музыкальную открытку
Часть 49 - Ресурсы для скачивания музыки MP3 на компьютер
Часть 50 - Отличный генератор кода цвета - в помощь для ваших работ


вверх^ к полной версии понравилось! в evernote
Комментарии (1):


Комментарии (1): вверх^

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

Дневник Получаем код плеера с помощью Рамочника | ledi_Meledi - ...Много интересного...Много полезного... | Лента друзей ledi_Meledi / Полная версия Добавить в друзья Страницы: раньше»