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

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

За окном твоим снег,
У тебя внутри грусть,
Там, внутри, Любви — нет,
Ты давно решил — пусть…

Все дела твои — дрянь,
Но, открой глаза лишь,
И со стороны глянь:
Разве ты живешь?
Спишь!

Где-то там горой пир,
А вокруг тебя склеп,
Да, ты бы изменил Мир,
Жаль, вот только Бог слеп!

Но, за миллиард лет,
Не сомкнул Господь век,
Ты Ему твердишь — Нет!
…А за окном опять снег!

Припев:
В этом мире, без тебя, Богу делать нечего.
Белым птицам, без тебя, некуда лететь.
Без тебя, душе твоей удивляться нечему,
Без тебя, в глаза твои некому глядеть.

Без тебя, твоя любовь к сердцу не привяжется,
Не заплачет никогда, не заговорит.
В этом мире, без тебя, сказка не расскажется…
В небе только для тебя солнышко горит!

Так что, если Мир плох,
Разожги внутри Свет,
В этом Царстве ты - Бог,
Здесь других богов нет!

На небе не счесть звёзд,
Мир у ног твоих — весь,
А секрет, как снег, прост:
Нас всего Один здесь!

Припев:
В этом мире, без тебя, Богу делать нечего.
Белым птицам, без тебя, некуда лететь.
Без тебя, душе твоей удивляться нечему,
Без тебя, в глаза твои некому глядеть.

Без тебя, твоя любовь к сердцу не привяжется,
Не заплачет никогда, не заговорит.
В этом мире, без тебя, сказка не расскажется…
В небе только для тебя солнышко горит!

…Мир у ног твоих — весь,
И секрет, как снег, прост:
Нас всего Один здесь! 

Способ первый, простейший. Грузим облюбованный музыкальный файл (куда можно грузить) или находим уже загруженный файл и копируем прямую ссылку на него. В новом посте пишем это: Вместо ссылка_на_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, ; лучше понятны. Продолжение следует. Удачи))))