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

Среда, 17 Марта 2010 г. 08:35 + в цитатник

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

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

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

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

бегущая, как олень, строка

Вместо текста можно вставить картинку:

Код этой картинки:

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

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

Линия:

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

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

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

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
 уменьшенный текст 
Увеличить текст на 1 пункт: текст
 увеличить текст на 1 пункт

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

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

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

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

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

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

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст
 красный текст 
ЖЕЛТЫЙ: желтый текст
 желтый текст 
ФИОЛЕТОВЫЙ: фиолетовый текст
 фиолетовый текст 
ЗЕЛЕНЫЙ: зеленый текст
 зеленый текст 
СИНИЙ: синий текст
 синий текст 
ФУКСИЯ: фуксия текст
 фуксия текст

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

Имя	Код	Имя	Код	Имя	Код	Имя	Код
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 можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
 текст 

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

Как вставить ссылку на веб-страницу:
<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>

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

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

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

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

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

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

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