Делаем плейкасты на ЛиРу.



В этом посте попробую, двигаясь от простого к сложному, научиться вместе с вами делать плейкасты.

За окном твоим снег,У тебя внутри грусть,Там, внутри, Любви — нет,Ты давно решил — пусть…Все дела твои — дрянь,Но, открой глаза лишь,И со стороны глянь:Разве ты живешь?Спишь!Где-то там горой пир,А вокруг тебя склеп,Да, ты бы изменил Мир,Жаль, вот только Бог слеп!Но, за миллиард лет,Не сомкнул Господь век,Ты Ему твердишь — Нет!…А за окном опять снег!Припев:В этом мире, без тебя, Богу делать нечего.Белым птицам, без тебя, некуда лететь.Без тебя, душе твоей удивляться нечему,Без тебя, в глаза твои некому глядеть.Без тебя, твоя любовь к сердцу не привяжется,Не заплачет никогда, не заговорит.В этом мире, без тебя, сказка не расскажется…В небе только для тебя солнышко горит!Так что, если Мир плох,Разожги внутри Свет,В этом Царстве ты - Бог,Здесь других богов нет!На небе не счесть звёзд,Мир у ног твоих — весь,А секрет, как снег, прост:Нас всего Один здесь!Припев:В этом мире, без тебя, Богу делать нечего.Белым птицам, без тебя, некуда лететь.Без тебя, душе твоей удивляться нечему,Без тебя, в глаза твои некому глядеть.Без тебя, твоя любовь к сердцу не привяжется,Не заплачет никогда, не заговорит.В этом мире, без тебя, сказка не расскажется…В небе только для тебя солнышко горит!…Мир у ног твоих — весь,И секрет, как снег, прост:Нас всего Один здесь!

Способ первый, простейший.
Грузим облюбованный музыкальный файл (куда можно грузить) или находим уже загруженный файл и копируем прямую ссылку на него.

В новом посте пишем это:

Вместо ссылка_на_mp3 вставляем нашу скопированную ссылку.
У меня код со вставленной ссылкой выглядит так:

В результате этих манипуляций вышли такие стандартные кнопки:


Подбираем картинку. Картинку мы можем загрузить на радикал или на ЛиРу или еще куда нибудь.
Можно, например так. Жмем в нашем посте сюда:
[477x171]
В открывшемся окне находим свою картинку
[563x419]
И жмем кнопку "Предпросмотр":
[343x186]
Наш пост публикуется в черновик и выглядеть он будет так:
[показать]
Мне не нравится, что кнопки сверху, - хочется их под картинку. И хочется расположить все по центру. Поэтому я жму кнопку "Редактировать":
[450x276]
Вот так выглядит мой код:
[697x76]
В общем, логично, что мне надо просто поменять их местами))) Я выделяю код кнопок, копирую, жму Enter после кода картинки и вставляю скопированный код кнопок (можно выделить код кнопок и нажать вырезать - они тоже скопируются, - потом вставить после кода картинки). Вырезаю код кнопок сверху. Выходит так:
[695x60]
Добавляю тег <center> в начале поста.
Закрываю его в конце поста </center>
Так выглядит мой код:
[показать]
Так выглядит пост:
[показать]
Собственно можно скопировать код и делать простейшие плейкасты, меняя ссылку на музыкальный файл и на картинку.

<center><img src="ссылка на Вашу картинку" width="ширина Вашей картинки" height="высота" alt="Альтернативный текст" />
</center>

Теперь хотелось бы добавить текст песни. Для этого я пишу так:
Код изображения с текстом:
<center><div style="background: url('Ссылка на Вашу картинку'); width: ширина Вашей картинкиpx; height: Высота картинкиpx; "><div style="width: ширина прокрутки текстаpx; height: высота прокрутки текстаpx; margin-top: отступ прокрутки текста сверхуpx;text-align: center; font-size: 16px; color: цвет текста, можно меять; font face=monotype corsiva;"><marquee direction="up" scrollamount="1" scrolldelay="0" height="200"><b><i>Ваш текст.</i></b></marquee> </div></div></center>
Добавляю код кнопок в код сверху перед тегом </center>


Так выглядит мой код:
[показать]
В результате выйдет картинка с кнопками "Слушать" "Скачать", с которой начинается мой пост.
Скрины с моими кодами советую просматривать, если есть сомнения, - так вы лучше поймете, каким должен быть результат и всякие пробелы px, ; лучше понятны.
Продолжение следует.
Удачи))))