В этом посте попробую, двигаясь от простого к сложному, научиться вместе с вами делать плейкасты.
<td><td>
![]()
</td></tr>
Способ первый, простейший.
Грузим облюбованный музыкальный файл (куда можно грузить) или находим уже загруженный файл и копируем прямую ссылку на него.
В новом посте пишем это:
[mp3=ссылка_на_mp3]
Вместо ссылка_на_mp3 вставляем нашу скопированную ссылку.
У меня код со вставленной ссылкой выглядит так:
[mp3=http://inmiras.narod.ru/tretyakov_sekret.mp3]
В результате этих манипуляций вышли такие стандартные кнопки:
<td><td>
![]()
</td></tr>
Подбираем картинку. Картинку мы можем загрузить на радикал или на ЛиРу или еще куда нибудь.
Можно, например так. Жмем в нашем посте сюда:
В открывшемся окне находим свою картинку
И жмем кнопку "Предпросмотр":
Наш пост публикуется в черновик и выглядеть он будет так:
Мне не нравится, что кнопки сверху, - хочется их под картинку. И хочется расположить все по центру. Поэтому я жму кнопку "Редактировать":
Вот так выглядит мой код:
В общем, логично, что мне надо просто поменять их местами))) Я выделяю код кнопок, копирую, жму Enter после кода картинки и вставляю скопированный код кнопок (можно выделить код кнопок и нажать вырезать - они тоже скопируются, - потом вставить после кода картинки). Вырезаю код кнопок сверху. Выходит так:
Добавляю тег <center> в начале поста.
Закрываю его в конце поста </center>
Так выглядит мой код:
Так выглядит пост:
Собственно можно скопировать код и делать простейшие плейкасты, меняя ссылку на музыкальный файл и на картинку.
Код:
<center><img src="ссылка на Вашу картинку" width="ширина Вашей картинки" height="высота" alt="Альтернативный текст" />
[mp3=ссылка на Ваш mp3 файл]</center>
Теперь хотелось бы добавить текст песни. Для этого я пишу так:
Код изображения с текстом:
Добавляю код кнопок в код сверху перед тегом </center>
[mp3=Ссылка на Ваш музыкальный файл]
Так выглядит мой код:
В результате выйдет картинка с кнопками "Слушать" "Скачать", с которой начинается мой пост.
Скрины с моими кодами советую просматривать, если есть сомнения, - так вы лучше поймете, каким должен быть результат и всякие пробелы px, ; лучше понятны.
Продолжение следует.
Удачи))))
Серия сообщений "для новичков ":
Часть 1 - Проверьте настройки в своих дневниках.
Часть 2 - Как убрать длинный пост под кат...
...
Часть 19 - Как писать текст в 2 столбика.
Часть 20 - Как быстро сделать открытку онлайн.
Часть 21 - Делаем плейкасты на ЛиРу.
Оригинал записи и комментарии на LiveInternet.ru