Для того, чтобы сделать красочный пост, воспользуйтесь:
1.
1.1. Как поставить ударение в слове?
Чтобы поставить ударение, например, в слове пошло, после ударной буквы о надо вставить код & #769 (естественно, без пробела) - получим, соответственно, пошло́ или по́шло.
Или просто скопируйте нужную букву:
А́ Е́ Ё́ И́ О́ У́ Ы́ Э́ Ю́ Я́ а́ е́ ё́ и́ о́ у́ ы́ э́ ю́ я́
П.С. Ударение ставит и над согласными, и над знаками - над всем

1.2 Эти значки < дают основу тега. Для того, чтобы написать тег прямо в тексте, символ < следует заменить на &*l*t*; (уберите звездочки!) и тогда получится, например, <b>ka82</b> вместо преобразования ka82

2. Заголовки и выделения:
2.1.

ОЧЕНЬ ЖИРНЫЙ ЗАГОЛОВОК

2.2.

ЗАГОЛОВОК

2.3.

ЗАГОЛОВОК

2.4. Поставьте любое число, например здесь 0.1em
2.5. Буквы с расстоянием 0.3em
2.6. А здесь 0.5em
2.1. <h1>ОЧЕНЬ ЖИРНЫЙ ЗАГОЛОВОК</h1>
2.2. <h3>ЗАГОЛОВОК</h3>
2.3. <h4>ЗАГОЛОВОК</h4>
2.4. <span style="letter-spacing:0.1em">ВАШ ТЕКСТ</span>
2.5.<span style="letter-spacing:0.3em">ВАШ ТЕКСТ</span>
2.6.<span style="letter-spacing:0.5em">ВАШ ТЕКСТ</span>

3. Абзацы, параграфы:
3.1.

НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ЛЕВОМУ КРАЮ

3.2.

НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ПРАВОМУ КРАЮ

3.3.

НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ШИРИНЕ ДОКУМЕНТА ИЛИ ЛИСТА НУ В ОБЩЕМ СЕЙЧАС ПОСМОТРИМ ЧТО ТАМ В ИТОГЕ И ВЫРОВНЯЛОСЬ ЕСЛИ ВЫРОВНЯЛОСЬ ВЕДЬ НАВЕРНОЕ Я ПРАВА НАДЕЮСЬ НА ЭТО ОЧЕНЬ

3.4.

НОВЫЙ ПАРАГРАФ ПО ЦЕНТРУ

3.5.

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="right" style="margin-right:1em"

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="right" style="margin-right:10em"

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="right" style="margin-right:25em"

3.6.

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="right" style="margin-left:1em"

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="right" style="margin-left:10em"

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="right" style="margin-left:25em"

3.7.

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="left" style="margin-right:1em"

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="left" style="margin-right:10em"

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: Отступ слева или справа p align="left" style="margin-right:25em"

3.8.

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: p align="left" style="margin-left:1em

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: p align="left" style="margin-left:10em

В данном случае демонстрируется такой вид написания параграфа с выравниванием, 1em можно заменить любым числом - так вы увидите как изменится строка и выравнивание. В данном случае: p align="left" style="margin-left:25em

3.9.

В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. 40px можно заменить на любое значение чтобы абзац стал больше (например 140) или меньше (например 10)

3.1. <p align="left">НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ЛЕВОМУ КРАЮ</p>
3.2. <p align="right">НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ПРАВОМУ КРАЮ</p>
3.3. <p align="justify">НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ШИРИНЕ</p>
3.4. <p align="center">НОВЫЙ ПАРАГРАФ ПО ЦЕНТРУ</p>
3.5. <p align="right" style="margin-right:ЧИСЛОem">ВАШ ТЕКСТ</p>
3.6. <p align="right" style="margin-left:ЧИСЛОem">ВАШ ТЕКСТ</p>
3.7. <p align="left" style="margin-right:ЧИСЛОem">ВАШ ТЕКСТ</p>
3.8. <p align="leftt" style="margin-left:ЧИСЛОem">ВАШ ТЕКСТ</p>
3.9. <p style="text-indent: 40px">ВАШ ТЕКСТ</p>

4.
Диаграммы и графики:

<div style="float: left; width:25%; height:16px; background-color:orange;"> </div> <div style="float: none;">  25% - Firefox</div><div style="float: left; width:70%; height:16px; background-color:blue;"> </div><div style="float: none;">  70% - IE</div><div style="float: left; width:10%; height:16px; background-color:red;"> </div><div style="float: none;">  5% - Opera</div>

5
5.1 Ваш текст который будет писаться в один абзац. В подобном теге, если хотите много абзацев, будет выскакивать значок, обозначающий конец абзаца<br /> В остальном эта форма может быть вполне оригинальной если вы сами захотите так оформить ваше сообщение. Можно также каждый абзац помещать в новую форму<br />
5.2 Чтобы в поле можно было вставлять даже такие символы, как [ , пишем не тег textarea , а input. size="18" будет обозначать количество символов в строке. Например, тег для флешки "прелестно" :)

5.1 Вот форма тега:
<textarea cols=КОЛИЧЕСТВО ЗНАКОВ В ШИРИНУ НАПР.97 rows=КОЛИЧЕСТВО ЗНАКОВ В ВЫСОТУ НАПР,5 readonly style="border-width:ШИРИНА РАМКИ НАПР.2px;border-style:solid;color:ЦВЕТ РАМКИ НАПР.#557ef5;background-color:ЦВЕТ ФОНА НАПР.#ffff66;color:ЦВЕТ БУКВ НАПР.#990066;font-family:Tahoma;font-weight:bold;letter-spacing:0pt">Ваш текст</textarea>
5.2 Вот пример формы тега, рыжим цветом - это вы сами подставляете число символов в строке и что будет в этом поле написанное:
<input size="18" type="text" value="[flash=116,108,//img1.liveinternet.ru/images/attach/c/9//4067/4067498_zvuk_bezobrazie.swf]" />

6.
6.1. ТЕКСТ ДЛЯ КРАСНОГО ПОДЧЕРКИВАНИЯ

6.2. ТЕКСТ ДЛЯ ЗЕЛЕНОГО ПОДЧЕРКИВАНИЯ

6.3.

ВАШ ТЕКСТ

6.4.

ВАШ ТЕКСТ

6.5.

ВАШ ТЕКСТ

6.6.

ВАШ ТЕКСТ

6.7.

ВАШ ТЕКСТ

6.8.

ВАШ ТЕКСТ

6.9.

ВАШ ТЕКСТ

6.10.

ВАШ ТЕКСТ

6.11.

ВАШ ТЕКСТ

6.12.

ВАШ ТЕКСТ

6.13
ВАШ ТЕКСТ

6.1. <span style="background: url('http://img.liveinternet.ru/images/attach/1/10471/10471274_wawe.gif') repeat-x 100% 100%; padding-bottom: 2px; text-decoration: none; white-space: nowrap;">ТЕКСТ ДЛЯ КРАСНОГО ПОДЧЕРКИВАНИЯ</span>
6.2. <span style="background: url('http://img.liveinternet.ru/images/attach/1/10472/10472164_wawegreen.gif') repeat-x 100% 100%; padding-bottom: 5px; text-decoration: none; white-space: nowrap;">ТЕКСТ ДЛЯ ЗЕЛЕНОГО ПОДЧЕРКИВАНИЯ</span>
Пояснение: можно сделать прозрачную картинку гиф с чертой любого цвета, потому что ссылка идет именно на такую картинку.
6.3. <p style="border-bottom:5px groove #00ff00;"> ВАШ ТЕКСТ</p>
6.4. <p style="border-bottom:5px ridge #00ff00;"> ВАШ ТЕКСТ</p>
6.5. <p style="border-bottom:5px dashed #00ff00;"> ВАШ ТЕКСТ</p>
6.6. <p style="border-bottom:5px dotted #00ff00;"> ВАШ ТЕКСТ</p>
6.7. <p style="border-bottom:5px solid #00ff00;"> ВАШ ТЕКСТ</p>
6.8. <p style="border-bottom:5px double #00ff00;"> ВАШ ТЕКСТ</p>
6.9. <p style="border-bottom:5px inset #00ff00;"> ВАШ ТЕКСТ</p>
6.10. <p style="border-bottom:5px outset #00ff00;"> ВАШ ТЕКСТ</p>
6.11. <p style="border-left:5px groove #00ff00;">ВАШ ТЕКСТ</p>
6.12. <p style="border-right:5px groove #00ff00;">ВАШ ТЕКСТ</p>
6.13. <p style="border-top:5px groove #00ff00;">ВАШ ТЕКСТ</p>

7.


7.
<div style="CENTER: 0px; OVERFLOW: auto; WIDTH: ШИРИНА РАМОЧКИ НАПРИМЕР500px; TEXT-INDENT: 5pt; SCROLLBAR-ARROW-COLOR: ЦВЕТ СТРЕЛОЧЕК ВВЕРХ-ВНИЗ ПРОКРУТКИ НАПРИМЕР#660000; TOP: 2px; HEIGHT: ВЫСОТА РАМОЧКИ НАПРИМЕР200px; TEXT-ALIGN: center"><font face="ШРИФТ НАПР.georgia"><font size="РАЗМЕР БУКВ НАПРИМЕР3"><font color="ЦВЕТ ТЕКСТА НАПР.ff00ff">ВАШ ТЕКСТ<br /></font><br /><br /></font><br /></font></div>

8.
8.1.

ЗАГОЛОВОК РАМКИ

ТЕКСТ В РАМКЕ

8.2.

Вот такой текст

Текст в рамочке

ВАШ ТЕКСТ

8.1. <fieldset><legend><b><font color="ЦВЕТ ЗАГОЛОВКА НАПРИМЕРred">ЗАГОЛОВОК РАМКИ</font></b></legend>ТЕКСТ В РАМКЕ</fieldset>
8.2. <fieldset style="border:ТОЛЩИНА РАМКИ НАПР.4px ЦВЕТ НИЖНЕЙ РАМКИ НАПР.#ffffff КОМАНДА ГРАНИЦ НАПРИМЕР СПЛОШНАЯsolid; padding: ОТСТУП ОТ ГРАНИЦЫ НАПР.10px; margin:0px 0px 0px 0px;"><legend align="ВЫРАВНИВАНИЕ СПРАВА/СЛЕВА/ЦЕНТР НАПР.center"><b><font color="ЦВЕТ ГЛАВНОГО ЗАГОЛОВКА НАПР.Deeppink" size="+1"><div style="border-width:4px ; border-style:solid ; border-color: ЦВЕТ ГРАНИЦ ВЕРХНЕЙ ЦЕНТРАЛЬНОЙ РАМКИ НАПР.yellow ;padding:20px;background-color:ЦВЕТ ФОНА ВЕРХНЕЙ ЦЕНТРАЛЬНОЙ РАМКИ НАПР.green;height:ВЫСОТА ВЕРХНЕЙ РАМКИ НАПР.600;width: ШИРИНА ВЕРХНЕЙ ЦЕНТРАЛЬНОЙ РАМКИ НАПР.350px;"><font color="ЦВЕТ БУКВ ТЕКСТА ВЕРХНЕЙ ЦЕНТРАЛЬНОЙ РАМКИ НАПР.green">САМ ВАШ ТЕКСТ В ВЕРХНЕЙ ЦЕНТРАЛЬНОЙ РАМКЕ</font></div></font></b></legend>ВАШ ТЕКСТ В НИЖНЕЙ РАМКЕ</fieldset>

9. Линии
9.1.

---

9.2.

---

9.3.

---

9.1. <hr />
9.2. <hr size="3" color="#FF0000" />
9.3. <hr size="6" color="#000000" />

10
меню выбрать переходы

Записи с меткой

возможности со шрифтом - вставление рамочек, готовые схемы оформлениявставить фоновую картинку, которая отличается от фона дневника в целомвставить часы, музыку, видео и дрТеги

<fieldset><legend>Записи с меткой</legend><form action="http://museum.raduga-lik.ru/link.php"><table border="0"><tr><td><select name="location"><option value="СНАЧАЛА АДРЕС СТРАНИЦЫ КУДА ПЕРЕХОДИТЬ">ТЕПЕРЬ НАЗВАНИЕ</option><option value="АДРЕС">ТЕПЕРЬ НАЗВАНИЕ К ЭТОМУ АДРЕСУ</option><option value="АДРЕС">НАЗВАНИЕ</option><option value="АДРЕС">НАЗВАНИЕ</option></select></td><td><input type="submit" value="Открыть" /></td></tr></table><input type=hidden name=tok value=4b445f259ab83b1231bdae70a54ba3e6 /></form></fieldset><center></center>
Минус такого перехода: открывается новое окно в том же окне, где вы сейчас находитесь. В отдельном окне открыть не получается

11. (видят НЕ все браузеры)

Буквы начали дрожать... Замёрзли, видимо...

<p style="FILTER: wave(freq='5', add='0', LightStrength='3', phase='1', strength='2'); width: 700px; height: 25px; FONT-FAMILY: georgia;TEXT-ALIGN: center; FONT-WEIGHT: normal; FONT-SIZE: 25px;">ДРОЖАЩИЕ БУКВЫ</p>

12. (видят НЕ все браузеры)

<div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 480px; HEIGHT: 250px; FONT-FAMILY: georgia; TEXT-ALIGN: justify">ВАШ ТЕКСТ БОКОМ</font></div>

13. (видят НЕ все браузеры)
13.1.

 Пример фильтра Shadow

<p style="FILTER: Shadow(color=#F08080,direction=45); WIDTH: 600px; FONT-WEIGHT: bold; FONT-SIZE: 25px;FONT-FAMILY: georgia; TEXT-ALIGN: center;"><font color="#483D8B"><br /> ТЕКСТ ТАКИМ ВОТ ШРИФТОМ<br /><br /></font></p>
ПОЯСНЕНИЕ ПРО ФИЛЬТР
FONT-SIZE:25px размер в пикселях
(color= #F08080, direction=45) Color — цвет "тени", direction — направление в градусах
WIDTH: 600px ширина текста в пикселях
FONT-FAMILY: georgia гарнитура (варианты: arial, times, verdana и т.д.)
TEXT-ALIGN: center выравнивание текста (варианты left, right)

13.2. Ваш Текст
<span style="font-family:Times New Roman;color:#ЦВЕТ БУКВ НАПР.000000;font-size:23px;text-shadow:1px 1px 1px #ЦВЕТ ТЕНИ НАПР.ffffff;">Ваш Текст</span>

14. (видят НЕ все браузеры)
« в о д о в о р о т
14.1.«
14.2 в
14.3 Ваш тексТ МиГаЕт :)
14.1. <marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="СКОРОСТЬ НАПРИМЕР2" height="22" width="ЗАНИМАЕМОЕ ПРОСТРАНСТВО СТОЛА НАПРИМЕР 4%">ТЕКСТ ПРЫГАЮЩИЙ ВВЕРХ</marquee>
14.2. <marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="СКОРОСТЬ НАПРИМЕР2" height="22" width="ЗАНИМАЕМОЕ ПРОСТРАНСТВО СТОЛА НАПРИМЕР4%"> ТЕКСТ ПРЫГАЮЩИЙ ВНИЗ </marquee>
14.3 <font style="text-decoration:blink;">ВАШ ТЕКСТ</font>

Серия сообщений "Кодировщик":

Шрифты, кнопки и прочее оформление

Часть 1 - Оформление днева (разные сайты и генераторы)
Часть 2 - Дизайн сообщений днева с принтскрином
Часть 3 - Алфавиты (+ генераторы в комментах)
Часть 4 - Фоны к сообщениям
Часть 5 - Возможности с текстом: новое! (для браузеров типа Explorer)
Часть 6 - Теги танцующие
Часть 7 - Цветовая палитра
...
Часть 32 - Читать закрытые записи
Часть 33 - Уроки и советы по компьютеру и интернету 1(серия сообщений в 250 частей)
Часть 34 - Вставить музыкальный плеер