В интернете висит уже миллион и одна страничка, которые предлагают погрузить вас в премудрости html-верстки, более или менее досконально. Однако блогеры обычно используют достаточно ограниченное количество тэгов. Вот для них и для себя я сделаю эту маленькую шпаргалочку, дабы не лезть далеко и не просматривать килобайты других полезных текстов.
Простое форматирование
Сложное форматирование
LJ-тэги
Картинки и ссылки
Простая табличка
Дополнительные тэги
Для удобства использования я решил поместить тэги вот в такие окошечки.
Тройным левым щелчком мышки на любом слове в окошке можно выделить все содержимое.
Простое форматирование
полужирный текст
курсивный текст
подчёркнутый текст
текст "печатной машинкой"
маленький шрифт
большой шрифт
текст справа
текст с отступом от края
заголовок третьего уровня
Для увеличения заголовка замените оба "h3" на "h2" или "h1".Сложное форматирование
| РАЗМЕР | ШРИФТ | ЦВЕТ |
| 6pt | Monotype Corsiva | Red |
| 9pt | Times New Roman | Green |
| 12pt | Comic Sans Ms | Blue |
| 15pt | Georgia | Purple |
| 18pt | Arial Black | Silver |
| 21pt | Verdana | Aqua |
| 24pt | Courier | Maroon |
|
|
LJ-тэги
пользователь
vincent_ftсообщество
rpg_123 скрыть часть поста для экономии места во френдленте
скрыть часть текста и озаглавить его
поставить кнопочку перепоста
добавить кнопочку "Нравится"
Картинки и ссылки
 |
||
 |
||
Простое фо... Сложное фо... LJ-тэги Картинки и... Простая та... Прочее |
Простая табличка
| A1 | B1 | C1 |
| A2 | B2 | C2 |
Прочее
| Код | Символ | Значение |
| " | " | кавычки |
| & | & | амперсанд |
| < | < | знак 'меньше' |
| > | > | знак 'больше' |
| α | α | альфа |
| ω | ω | омега |
| | неразрывный пробел | |
| # | # | октоторп |
текст в рамочке
Окошко
Принудительный перенос строки (как между строчками) <BR>
Разделительная линия (см.ниже) <НR>
Кнопка репоста
В ЖЖ введен новый тэг:
Вставкой в пост этого тега вы публикуете кнопку "Repost" (Перепостить)
(Пробел перед "/" обязателен!).
Перепост этого фрагмента
Цитирование фраз
взято у
darth_biomech в http://darth-biomech.livejournal.com/100975.htmlВставить перед цитируемым текстом...
...и после него.
Вот так это будет выглядеть:
Цитата:
Bla bla bla blah.
UPD: Как сделать 2 колонки в своей записи?
Пример:
| Откуда взялся Муми-тролль? По словам Софии Янссон, племянницы Туве, история появления Муми-тролля на свет такова. На острове, где семья Янссон проводила каждое лето, туалет находился не в доме, а на улице. Изнутри он был обит картоном. На этом картоне все члены семьи любили рисовать и писать, там шла очень бурная переписка, например, с братьями они размышляли о философских проблемах. Однажды брат написал там какую-то историю о Канте. Туве не могла придумать что-то ему в ответ и нарисовала какое-то существо. Тогда она сказала, что это было самое некрасивое существо, какое только она могла придумать. Это и был первый Муми-тролль. |  |
Внимание новичкам!
Все вышеперечисленное будет работать, только если вы постите в блог в ХТМЛ редакторе, не в визуальном. Смотрите картинку:
Полезные ссылки
Таблица спецсимволов раз и два.
HTML-справочник раз, два и три.
Как сделать сайт?
Сделать свой дизайн:
http://lj.yoksel.ru/how_edit.php
http://journals-covers.livejournal.com
Пост обновляется.
Journal information