Цитата сообщения ka82 Возможности с текстом: новое!

Сейчас вы смотрите: http://www.liveinternet.ru/users/ka82/post90899043/
Рекомендую также:
Шпаргалка html (очень много тегов) и генератор разноцветных букв http://www.liveinternet.ru/users/ka82/post70054149/
Простые теги типа жирного шрифта, выравнивания слов, типа шрифта, курсива, обычного подчеркивания-зачеркивания, разноцветный текст, ползущие вправо-влево буквы, размер шрифта, таблицы цветов для шрифта http://www.liveinternet.ru/users/ka82/post89710588/
Танцующие буквы http://www.liveinternet.ru/users/ka82/post91709665/
Как вставить фоновую картинку, отличную от картинки днева http://www.liveinternet.ru/users/ka82/post88771163/
Готовые схемы оформления, необычное преподнесение текста и картинок, рамочек, затуманенные буквы, инструкции даны скриншотами, а не просто текстом http://www.liveinternet.ru/users/ka82/post85922639/
Как вставить баннер, видео, музыку, часы и т.д. http://www.liveinternet.ru/users/ka82/post89422126/

Для того, чтобы сделать красочный пост, воспользуйтесь:
1. 1.1.

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

1.2.

ЗАГОЛОВОК

1.3.

ЗАГОЛОВОК

1.1. <h1>ОЧЕНЬ ЖИРНЫЙ ЗАГОЛОВОК</h1>
1.2. <h3>ЗАГОЛОВОК</h3>
1.3. <h4>ЗАГОЛОВОК</h4>

2. СТИЛЬ ПЕЧАТАЮЩЕЙ МАШИНКИ
<tt>ТЕКСТ</tt>

3. 3.1.

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

3.2.

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

3.3.

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

3.4.

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

3.1. <p align="left">НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ЛЕВОМУ КРАЮ</p>
3.2. <p align="right">НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ПРАВОМУ КРАЮ</p>
3.3. <p align="justify">НОВЫЙ ПАРАГРАФ С ВЫРАВНИВАНИЕМ ПО ШИРИНЕ</p>
3.4. <p align="center">НОВЫЙ ПАРАГРАФ ПО ЦЕНТРУ</p>

4.
4.1. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
ТЕКСТ ТЕКСТ ТЕКСТ

4.2. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
ТЕКСТ ТЕКСТ ТЕКСТ

4.3. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
ТЕКСТ ТЕКСТ ТЕКСТ

4.4. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
ТЕКСТ ТЕКСТ ТЕКСТ

4.5. МОЙ ТЕКСТ МОЙ ТЕКСТ МОЙ ТЕКСТ
ТЕКСТ ТЕКСТ ТЕКСТ
4.1. <img src="http КАРТИНКИ" align="left" /> МОЙ ТЕКСТ
4.2. <img src="http КАРТИНКИ" align="right" /> МОЙ ТЕКСТ
4.3. <img src="http КАРТИНКИ" align="bottom" /> МОЙ ТЕКСТ
4.4. <img src="http КАРТИНКИ" align="top" /> МОЙ ТЕКСТ
4.5. <img src="http КАРТИНКИ" align="middle" /> МОЙ ТЕКСТ

5.
Устанавливает толщину рамки вокруг изображения. Отсутствие рамки: border="0"
<img src="http КАРТИНКИ" border="ТОЛЩИНА РАМКИ НАПРИМЕР2" />

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

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

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>
Пояснение: можно сделать прозрачную картинку гиф с чертой любого цвета, потому что ссылка идет именно на такую картинку.

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.

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

ТЕКСТ В РАМКЕ

<fieldset><legend><b><font color="ЦВЕТ ЗАГОЛОВКА НАПРИМЕРred">ЗАГОЛОВОК РАМКИ</font></b></legend>ТЕКСТ В РАМКЕ</fieldset>

9.
9.1. ОСНОВНОЙ ТЕКСТ_{ТЕКСТ МЕЛКО ВНИЗУ}
9.2. ОСНОВНОЙ ТЕКСТ^{ТЕКСТ МЕЛКО НАВЕРХУ}
ОСНОВНОЙ ТЕКСТ_{ТЕКСТ МЕЛКО ВНИЗУ}
ОСНОВНОЙ ТЕКСТ^{ТЕКСТ МЕЛКО НАВЕРХУ}

10.

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

<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>

11.
<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>

12. ВАШ ТЕКСТ
<font style="background-color: #DAA520">ВАШ ТЕКСТ</font>

13.

 Пример фильтра 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)

14. Линии
14.1.

---

14.2.

---

14.3.

---

14.1. <hr />
14.2. <hr size="3" color="#FF0000" />
14.3. <hr size="6" color="#000000" />

15. цвет текста
<font color="ЦВЕТ НАПРИМЕР #483D8B"> ТЕКСТ КОТОРЫЙ НАДО ОКРАСИТЬ </font>

16.
16.1.

ВАШ ТЕКСТ

16.2.

ВАШ ТЕКСТ СЛЕВА

ВАШ ТЕКСТ СПРАВА

16.1. <i><table border="0" cellspacing="8" cellpadding="0"><tr><td> <img src="АДРЕС http КАРТИНКИ СЛЕВА" border="0" /></td><td>ВАШ ТЕКСТ</td><td><img src="АДРЕС http КАРТИНКИ СПРАВА" border="0" /></td></tr></table></i>
16.2. <table border="0" cellspacing="8" cellpadding="0"> <tr> <td> ВАШ ТЕКСТ СЛЕВА </td> <td> <img src="АДРЕС ВАШЕЙ КАРТИНКИ" border="0" /> </td> <td> ВАШ ТЕКСТ СПРАВА </td> </tr> </table>

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

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

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

<fieldset><legend>Записи с меткой</legend><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=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=500bf48d56adec946839efba710245a1 /></form></fieldset><center></center>
Минус такого перехода: открывается новое окно в том же окне, где вы сейчас находитесь. В отдельном окне открыть не получается

18. « в о д о в о р о т
18.1.«
18.2 в
18.1. <marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="СКОРОСТЬ НАПРИМЕР2" height="22" width="ЗАНИМАЕМОЕ ПРОСТРАНСТВО СТОЛА НАПРИМЕР 4%">ТЕКСТ ПРЫГАЮЩИЙ ВВЕРХ</marquee>
18.2. <marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="СКОРОСТЬ НАПРИМЕР2" height="22" width="ЗАНИМАЕМОЕ ПРОСТРАНСТВО СТОЛА НАПРИМЕР4%"> ТЕКСТ ПРЫГАЮЩИЙ ВНИЗ </marquee>
19.
19.1. Как поставить ударение в слове?
Чтобы поставить ударение, например, в слове пошло, после ударной буквыо надо вставить код & #769 (естественно, без пробела) - получим, соответственно, пошло́ или по́шло.
19.2 Эти значки < дают основу тега. Для того, чтобы написать тег прямо в тексте, символ < следует заменить на &*l*t*; (уберите звездочки!) и тогда получится, например, <b>ka82</b> вместо преобразования ka82
20.
20. <div style="width:ПРОЦЕНТ ЗАНИМАЕМОГО МЕСТА В ШИРИНУ ПОСТА НАПРИМЕР99%; font-size:РАЗМЕР ШРИФТА НАПРИМЕР12px; color:ЦВЕТ БУКВ ВНУТРИ НАПРИМЕР#9999CC; filter:Glow (color=ЦВЕТ РАМОЧКИ У БУКВ НАПРИМЕР #000000, strength=4)"> ВАШ ТЕКСТ</div>

Серия сообщений "Уроки":

Часть 1 - Оформление днева
Часть 2 - Дизайн сообщений днева
...
Часть 4 - Я тебе щас тааак вставлю! (+Вторая страница комментариев)
Часть 5 - Простые теги
Часть 6 - Возможности с текстом: новое!
Часть 7 - Юмор и оптимизм: подборка
Часть 8 - Теги танцующие
...
Часть 33 - Сделать анимированную гифку
Часть 34 - Текст на фоне
Часть 35 - Полупрозрачные рамки