Как самому создать музыкальную открытку? (плэйкаст)



Этот пост я составила из ответов на часто задаваемые вопросы о том, как же сделать самому плэйкаст, как оформить правильно первоисточники, и так далее... на сайте www.playcast.ru.
Такая небольшая шпаргалочка по самым основным вопросам составлена по уже имеющимся подсказкам на самом сайте, я всего лишь постаралась выделить главное для тех, кто не может самостоятельно с этой информацией разобраться. Надеюсь, все это окажется вам полезным! Желаю всем творческих успехов!!!

Что такое плэйкаст?   Как самому сделать плэйкаст? Примеры плэйкастов  Поддержка Правила сайта  Правила оформления первоисточников  Порядок размещения работ в избранном и рубриках

Смотрим далее >>>

Как создать простую галерею из фотографий



Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.

Перед вами готовая галерея из 10 красивых фотографий. Такими галереями вы можете украшать свои записи, при этом можно использовать различные комбинации. Направлять картинку с лева на право или с право на лево, вверх или вниз и т.д. А теперь я расскажу вам как в течении 10 минут сделать данную галерею.


Далее >>>

Волшебный тег MARQUEE - заставь буквы двигаться

1. <MARQUEE>Ваш текст</MARQUEE>

Вот так!

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

или так

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

ну и вот так

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

или даже так

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

а уж так!

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

---

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Пример:

Синтаксис: <MARQUEE><img src="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>

 

Оформление текста в блогах на Ли.Ру

Оформление текста

Перечёркнутый текст: ТЕКСТ
<s> ваш текст </s>
Подчёркнутый текст: ТЕКСТ
<u> ваш текст </u>
Полужирный текст: ТЕКСТ
<b> ваш текст </b>
Полужирный крупный: ТЕКСТ
<big> ваш текст </big>
Курсивный текст: ТЕКСТ
<i> ваш текст </i>
Маленький текст: текст
<small> ваш текст </small>
Неразрывный пробел:
&nbsp;
Центрирование:

текст (картинка) по центру

<center>ваш текст (картинка) </center>
Выравнивание текста по правому краю поста:
<div align=right> ваш текст </div>
Равномерное выравнивание текста по всей ширине поста:
<div align=justify> ваш текст </div>
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
<blockquote> текст </blockquote>
Бегущая строка (рекомендую Бегущая строка):

бегущая, как олень, строка
<marquee> ваша бегущая строка</marquee>
Вместо текста можно вставить картинку:

Код этой картинки:
<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

 

Сноска вверху: ТЕКСТ^сноска
^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска
_{ваша сноска}

Линия:

---

ее код:<hr>
Ударение:
Cтавим после нужной буквы:
&#769;
“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

 

Я
  Пешу
       Лесинкой!!!

<pre>ваш текст</pre>

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
<font size="-2"> уменьшенный текст </font>
Увеличить текст на 1 пункт: текст
<font size="+1"> увеличить текст на 1 пункт </font>

Увеличить текст на 2 пункта: текст

<font size="+2"> увеличить текст на 2 пункта </font>

Увеличить текст на 3 пункта: текст

<font size="+3"> увеличить текст на 3 пункта </font>

Увеличить текст на 4 пункта: текст

<font size="+4"> увеличить текст на 4 пункта </font>

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст
<font color="red"> красный текст </font>
ЖЕЛТЫЙ: желтый текст
<font color="yellow"> желтый текст </font>
ФИОЛЕТОВЫЙ: фиолетовый текст
<font color="purple"> фиолетовый текст </font>
ЗЕЛЕНЫЙ: зеленый текст
<font color="lime"> зеленый текст </font>
СИНИЙ: синий текст
<font color="navy"> синий текст </font>
ФУКСИЯ: фуксия текст
<font color="fuchsia"> фуксия текст </font>

Таблица “базовых” цветов (вводим “Имя” или “Код”):
 

Имя	Код	Имя	Код	Имя	Код	Имя	Код
aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

 

• Посмотреть сочетаемость цветов
• Таблица безопасных цветов
• Все цвета Интернета

  ВИД ШРИФТА:
  Шрифт этого текста “Monotype Corsiva”
  <font face="Monotype Corsiva"> текст </font>
  Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
  Шрифт этого текста “Monotype Corsiva”
  код этого текста:
  <font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

  Оформление ссылок (рекомендую спец. страницу Ссылки):

  Как вставить ссылку на веб-страницу:
  <a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a>
  Как сделать, чтобы картинка была ссылкой на веб-страницу:
  <a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>
  Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
  <a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>
   

  ---

  Спец. теги ЖЖ:

  Элементарный жж-кат (с “Read more”):
  <lj-cut> ТЕКСТ </lj-cut>
  жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
  <lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut>
  Работу ката не видно в режиме “ПРОСМОТР”
  Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
  <lj user="wildmale">
  Сссылка на сообщество, например: aforism
  делается точно так же:
  <lj user="aforism">
  Если надо так:wildmale
  или так: comm - идем СЮДА

  Вместо wildmale пишем Дикий самец:
  <a href="lj://user/wildmale/">Дикий самец</a>
  Ежели надо с “человечком”: Дикий самец:
  <lj user="wildmale" title="Дикий самец">
  Скопировав код, не забудьте поменять реквизиты.
  Вставка МЕДИА-файлов:
  Видео, флеш и проч. в ЖЖ вставляются так:
  <lj-embed> код вашей вставки</lj-embed>
   

  ---

  Публикация картинок:

  Код любой картинки в сети в простом варианте выглядит так:
  <img src="http://.../...jpg">
  Уникальный URL (http://.../...jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
  Совсем “чайникам” рекомендую (для ЖЖ):
  1.Открываешь ljplus.ru
  2. Регистрируешься
  3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
  4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
  5. Постишь. Становишься знаменитым.
  В каменты картинки ставятся аналогично, кат не работает.

  Как сделать, чтобы текст «обтекал» картинку?
  Легко - картинка слева, текст справа:
  добавляем в код картинки:
  align=left hspace=20
  Код картинки примет вид:
  <img src="http:…" align=left hspace=20>
  Помни:
  align=left – картинка слева, текст справа
  align=right - картинка справа, текст слева
  hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
  vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
  Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
  <img src="http:…" align=left hspace=20 vspace=15>

  Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
  Закрывать не надо, он работает один. <br> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
  <br><br><br> - три пустые строки.

  Вставить две и более картинки горизонтально:
  <nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

  Регулируем расстояние меж картинками по-горизонтали:
  С помощью “неразрывного пробела”:  &nbsp;
  Расстояние, равное 8 пробелам будет выглядеть так:
  &nbsp; &nbsp; &nbsp; &nbsp;
  Вставляется меж кодов картинок, есс-но

  Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"

  Если надо цветную рамку , добавьте в код картинки: style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей

  Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
  <img src="">
  затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

  Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)