Цитата сообщения TatiYana Делаем плейкасты



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







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

За окном твоим снег,

У тебя внутри грусть,

Там, внутри, Любви — нет,

Ты давно решил — пусть…



Все дела твои — дрянь,

Но, открой глаза лишь,

И со стороны глянь:

Разве ты живешь?

Спишь!



Где-то там горой пир,

А вокруг тебя склеп,

Да, ты бы изменил Мир,

Жаль, вот только Бог слеп!



Но, за миллиард лет,

Не сомкнул Господь век,

Ты Ему твердишь — Нет!

…А за окном опять снег!



Припев:

В этом мире, без тебя, Богу делать нечего.

Белым птицам, без тебя, некуда лететь.

Без тебя, душе твоей удивляться нечему,

Без тебя, в глаза твои некому глядеть.



Без тебя, твоя любовь к сердцу не привяжется,

Не заплачет никогда, не заговорит.

В этом мире, без тебя, сказка не расскажется…

В небе только для тебя солнышко горит!



Так что, если Мир плох,

Разожги внутри Свет,

В этом Царстве ты - Бог,

Здесь других богов нет!



На небе не счесть звёзд,

Мир у ног твоих — весь,

А секрет, как снег, прост:

Нас всего Один здесь!



Припев:

В этом мире, без тебя, Богу делать нечего.

Белым птицам, без тебя, некуда лететь.

Без тебя, душе твоей удивляться нечему,

Без тебя, в глаза твои некому глядеть.



Без тебя, твоя любовь к сердцу не привяжется,

Не заплачет никогда, не заговорит.

В этом мире, без тебя, сказка не расскажется…

В небе только для тебя солнышко горит!



…Мир у ног твоих — весь,

И секрет, как снег, прост:

Нас всего Один здесь! 

Способ первый, простейший.

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



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

[mp3=ссылка_на_mp3]

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

У меня код со вставленной ссылкой выглядит так:

[mp3=http://inmiras.narod.ru/tretyakov_sekret.mp3]

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





Подбираем картинку. Картинку мы можем загрузить на радикал или на ЛиРу или еще куда нибудь.

Можно, например так. Жмем в нашем посте сюда:



В открывшемся окне находим свою картинку




И жмем кнопку "Предпросмотр":




Наш пост публикуется в черновик и выглядеть он будет так:



Мне не нравится, что кнопки сверху, - хочется их под картинку. И хочется расположить все по центру. Поэтому я жму кнопку "Редактировать":




Вот так выглядит мой код:




В общем, логично, что мне надо просто поменять их местами))) Я выделяю код кнопок, копирую, жму Enter после кода картинки и вставляю скопированный код кнопок (можно выделить код кнопок и нажать вырезать - они тоже скопируются, - потом вставить после кода картинки). Вырезаю код кнопок сверху. Выходит так:



Добавляю тег <center> в начале поста.


Закрываю его в конце поста </center>


Так выглядит мой код:



Так выглядит пост:




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

Код:

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

[mp3=ссылка на Ваш mp3 файл]</center>



Теперь хотелось бы добавить текст песни. Для этого я пишу так:

Код изображения с текстом:

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

Добавляю код кнопок в код сверху перед тегом </center>

[mp3=Ссылка на Ваш музыкальный файл]



Так выглядит мой код:



В результате выйдет картинка с кнопками "Слушать" "Скачать", с которой начинается мой пост.

Скрины с моими кодами советую просматривать, если есть сомнения, - так вы лучше поймете, каким должен быть результат и всякие пробелы px, ; лучше понятны.

Продолжение следует.

Удачи))))