полезная вещь

про тэги

<b>ВАШ ТЕКСТ</b> Полужирный текст
<i>ВАШ ТЕКСТ</i> Выделение текста курсивом
<u>ВАШ ТЕКСТ</u> Подчёркнутый текст
<s>ВАШ ТЕКСТ</s> Зачёркнутый текст

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3
Увеличить текст+4: <font size="+4">текст</font> текст + 4
КРАСНЫЙ: <font color="red">текст</font> красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст
КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст
ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

текст по центру
<center>ВАШ ТЕКСТ</center>
текст (картинка) будет по центру

текст будет для цитат.
отделен пустой строкой и отступ слева в 8 пробелов
<blockquote>ВАШ ТЕКСТ</blockquote>

текст

бегущая влево строка
<marquee>ВАШ ТЕКСТ</marquee>
бегущая влево

бегущая вправо строка
<marquee direction="right">ВАШ ТЕКСТ</marquee>
бегущая вправо

бегущая от края к краю строка
<marquee behavior="alternate">ВАШ ТЕКСТ</marquee>
бегущая от края к краю

текст с правого края
в две строчки с выравниванием справа
<div align=right>ВАШ ТЕКСТ</div>


текст с правого краю
в две строчки с выравниванием слева
<div style="float:right;">ВАШ ТЕКСТ</div><br clear="all" />



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

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

список. /жирная точка спереди/
<ul><br /> <li>ВАШ ТЕКСТ<br /> </li><li>ВАШ ТЕКСТ<br /> </li></ul>

• Во-первых - все козлы, один я иван-царевич!
  
• Во-вторых - как вам нравится это во-первых?
  

список сформируется автоматически, если добавить

<ol><br /> <li> первый пункт ВАШЕГО ТЕКСТА<br /> <li> второй пункт ВАШЕГО ТЕКСТА<br /> </ol>

1. Один из пунктов несортированого списка
   
2. Другой такой пункт
   

"закрепитель" текст остается таковым, каким вы его пишете
<pre>ВАШ ТЕКСТ</pre>

Я

  Пишу

       как хочу!!!

текст со всплывающей подсказкой
<acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.
<blockquote>ВАШ ТЕКСТ</blockquote>

Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.

предложение с отступом в абзаце
<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика.

скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
скролящийся вверх
текст с полезной
информацией
или ещё какой-то ерундой

скользящий вних текст с такой же ерундой )))
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b>
получается:
А ВЫ ЗНАЕТЕ ЧТО У ЧЕЛОВЕЧЕСТВА БЫЛО 3 ЕВЫ.
ТО ЕСТЬ ТЕПЕРЬ МОЖНО НАУЧНО РАЗДЕЛИТЬ ЧЕЛОВЕЧЕСТВО НА ТРИ КАСТЫ
ВЫСШУЮ СРЕДНЮЮ И НИЗШУЮ ТОЛЬКО НАУЧНАЯ ИНФОРМАЦИЯ


непосредсвенно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите
[more=ТЕКСТ ДЛЯ ПЕРЕХОДА]/без звездочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком

взято с http://www.liveinternet.ru/users/niktnt/post30653324/

Бывает же в жизни минута...

Бывает же в жизни минута,
Что вовсе не хочется жить,
А хочется так плакать.

И крепко кого-то любить

Без заголовка

Оформление постов

Оформление постов. Шаблоны.

Рамка с фоном "Облака":

Выглядит:

/img90.imageshack.us/img90/7910/oblakasg0.jpg" target="_blank">http://img90.imageshack.us/img90/7910/oblakasg0.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #add8e6 4px solid; PADDING-TOP: 20px; BORDER-BOTTOM: #add8e6 4px solid; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ







Пишется:
<div style="background-color:#fff; background-image:url('http://img90.imageshack.us/img90/7910/oblakasg0.jpg'); padding:20px 20px 20px 20px; border: 4px #ADD8E6 solid;"> ВАШ ТЕКСТ </div>

---

Рамка с фоном "Огонь":

Выглядит:





Пишется:
<div style="background-color:#000;"><div style="background-repeat:no-repeat; background-position: left bottom;color:#fff; background-image:url('http://img208.imageshack.us/img208/1477/firezh1.jpg'); padding:20px 20px 20px 20px; border: 4px #800000 outset;"> ВАШ ТЕКСТ </div></div>

---

Рамка с фоном "Любовь":

Пишется:
<div style="background-color:#fff;"><div style="background-repeat:no-repeat; background-position: center center;color:#8B008B; background-image:url('http://img481.imageshack.us/img481/2075/heartshlp1rc4.jpg'); padding:20px 20px 20px 20px; border: 4px #FF69B4 groove;"> ВАШ ТЕКСТ </div></div>

Рамка с фоном "Звездное небо":

Выглядит:

/img363.imageshack.us/img363/4963/hubble2vr2.jpg" target="_blank">http://img363.imageshack.us/img363/4963/hubble2vr2.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #eee; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ
(на картинке - Магелланово облако, затемнено)





Пишется:
<div style="background-color:#000; background-image:url('http://img363.imageshack.us/img363/4963/hubble2vr2.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div>

---

Рамка с фоном "Бабочки":

Выглядит:

/img363.imageshack.us/img363/4513/10411077107910991084110le0.jpg" target="_blank">http://img363.imageshack.us/img363/4513/10411077107910991084110le0.jpg); BORDER-LEFT: #00ffff 2px groove; COLOR: #000; BORDER-BOTTOM: #00ffff 2px groove">
/img363.imageshack.us/img363/4343/119866ad1.gif" target="_blank">http://img363.imageshack.us/img363/4343/119866ad1.gif); PADDING-BOTTOM: 20px; PADDING-TOP: 20px; BACKGROUND-REPEAT: no-repeat">ВАШ ТЕКСТ
(бабочки)









Пишется:
<div style="background-image: url('http://img363.imageshack.us/img363/4513/10411077107910991084110le0.jpg'); border: 2px #00FFFF groove; color:#000"><div style="background-image: url('http://img363.imageshack.us/img363/4343/119866ad1.gif'); background-position: 100% 100%; padding:20px 20px 20px 20px; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div></div>

---

Рамка "Хохлома":

Выглядит:

/img459.imageshack.us/img459/7007/10px5.gif" target="_blank">http://img459.imageshack.us/img459/7007/10px5.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 110px; BACKGROUND-REPEAT: no-repeat">
/img376.imageshack.us/img376/256/17853966am3.gif" target="_blank">http://img376.imageshack.us/img376/256/17853966am3.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 110px; COLOR: #000; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; BORDER-RIGHT-WIDTH: 0px">ВАШ ТЕКСТ
(это оформление для больших текстов. При маленьких размерах текста выглядит некрасиво.)

В следующей части будут:
Листва (кленовые листья);
Божьи коровки;
Море;
Фрукты;




Пишется:
<div style="background-image: url('http://img459.imageshack.us/img459/7007/10px5.gif'); background-position: 0% 0%; padding:110px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url('http://img376.imageshack.us/img376/256/17853966am3.gif'); padding:0px 100px 110px 0px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "> ВАШ ТЕКСТ </div></div>

Рамка с фоном "Кленовые листья":

Выглядит:

/img373.imageshack.us/img373/2965/klen2dg0.jpg" target="_blank">http://img373.imageshack.us/img373/2965/klen2dg0.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #daa520 2px groove; COLOR: #daa520; PADDING-TOP: 20px; BORDER-BOTTOM: #daa520 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ






Пишется:
<div style="background-color:#fff; background-image:url('http://img373.imageshack.us/img373/2965/klen2dg0.jpg'); padding:20px 20px 50px 20px;border: 2px #DAA520 groove;color: #DAA520; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div>

---

Рамка с фоном "Божья коровка":

Выглядит:

/img395.imageshack.us/img395/5391/01xx5.jpg" target="_blank">http://img395.imageshack.us/img395/5391/01xx5.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #334455 2px groove; COLOR: #334455; PADDING-TOP: 20px; BORDER-BOTTOM: #334455 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ










Пишется:
<div style="background-color:#fff; background-image: url('http://img395.imageshack.us/img395/5391/01xx5.jpg'); padding:20px 20px 20px 50px;border: 2px #334455 groove;color: #334455; background-repeat: no-repeat; background-position: 0% 100%;">ВАШ ТЕКСТ</div>

---

Рамка с фоном "Море":

Выглядит:

/img235.imageshack.us/img235/5536/volna01gf4.jpg" target="_blank">http://img235.imageshack.us/img235/5536/volna01gf4.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #505050 2px groove; COLOR: #505050; PADDING-TOP: 20px; BORDER-BOTTOM: #505050 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ










Пишется:
<div style="background-color:#fff; background-image: url('http://img235.imageshack.us/img235/5536/volna01gf4.jpg');padding:20px 20px 50px 20px;border: 2px #505050 groove;color: #505050; background-repeat: no-repeat; background-position: 0% 100%;">ВАШ ТЕКСТ</div>

---

Рамка с фоном "Виноград":

Выглядит:

/img64.imageshack.us/img64/8933/fru2nq1.jpg" target="_blank">http://img64.imageshack.us/img64/8933/fru2nq1.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #f1f1f1 2px groove; COLOR: #010101; PADDING-TOP: 20px; BORDER-BOTTOM: #f1f1f1 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ















Пишется:
<div style="background-color:#fff; background-image: url('http://img64.imageshack.us/img64/8933/fru2nq1.jpg'); padding:20px 20px 20px 20px;border: 2px #f1f1f1 groove;color: #010101; background-repeat: no-repeat; background-position: 50% 0%;">ВАШ ТЕКСТ</div>





Уголки для темных дизайнов и мрачных постов.

Уголок "Кленовый лист":

Выглядит:

/img476.imageshack.us/img476/3486/g2236459181xn1.jpg" target="_blank">http://img476.imageshack.us/img476/3486/g2236459181xn1.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 2px groove; COLOR: #ddd; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ











Пишется:
<div style="background-color:#000; background-image: url('http://img476.imageshack.us/img476/3486/g2236459181xn1.jpg'); padding:20px 100px 20px 20px; border: 2px #fff groove; color: #ddd; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

---

Уголок "Божья коровка":

Выглядит:

/img221.imageshack.us/img221/4821/7957650sl4.png" target="_blank">http://img221.imageshack.us/img221/4821/7957650sl4.png); PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 2px groove; COLOR: #daa520; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ








Пишется:
<div style="background-color:#000; background-image: url('http://img221.imageshack.us/img221/4821/7957650sl4.png'); padding:20px 100px 20px 20px; border: 2px #fff groove; color: #DAA520; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

---

Уголок "The Earth":

Выглядит:

/img78.imageshack.us/img78/5164/300pxtheearthseenfromapnu6.jpg" target="_blank">http://img78.imageshack.us/img78/5164/300pxtheearthseenfromapnu6.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #fff 2px groove; COLOR: #87cefa; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ










Пишется:
<div style="background-color:#000; background-image: url('http://img78.imageshack.us/img78/5164/300pxtheearthseenfromapnu6.jpg'); padding:20px 140px 20px 20px; border: 2px #fff groove; color: #87CEFA; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

---

Уголки для светлых дизайнов и весенних постов.

Уголок "Воздушные шары":

Выглядит:

/img362.imageshack.us/img362/5084/fon1hl5.jpg" target="_blank">http://img362.imageshack.us/img362/5084/fon1hl5.jpg); PADDING-BOTTOM: 60px; BORDER-LEFT: #416074 2px groove; COLOR: #3037c3; PADDING-TOP: 20px; BORDER-BOTTOM: #416074 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #416074">ВАШ ТЕКСТ










Пишется:
<div style="background-color:#416074; background-image: url('http://img362.imageshack.us/img362/5084/fon1hl5.jpg'); padding:20px 20px 60px 20px; border: 2px #416074 groove; color: #3037c3; background-repeat: no-repeat; background-position:0% 100%;"> ВАШ ТЕКСТ </div>

---

Уголок "Цветущая вишня":

Выглядит:

/img362.imageshack.us/img362/274/fon2uo4.jpg" target="_blank">http://img362.imageshack.us/img362/274/fon2uo4.jpg); PADDING-BOTTOM: 60px; BORDER-LEFT: #fff 2px groove; COLOR: #a35555; PADDING-TOP: 20px; BORDER-BOTTOM: #fff 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ








Пишется:
<div style="background-color:#fff; background-image: url('http://img362.imageshack.us/img362/274/fon2uo4.jpg'); padding:20px 20px 60px 70px; border: 2px #fff groove; color: #a35555; background-repeat: no-repeat; background-position:0% 100%;"> ВАШ ТЕКСТ </div>

---

Уголок "Кувшинка":

Выглядит:

/img362.imageshack.us/img362/1460/fon3jv4.jpg" target="_blank">http://img362.imageshack.us/img362/1460/fon3jv4.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #fdf3ea 2px groove; COLOR: #9d6391; PADDING-TOP: 20px; BORDER-BOTTOM: #fdf3ea 2px groove; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fdf3ea">ВАШ ТЕКСТ










Пишется:
<div style="background-color:#fdf3ea; background-image: url('http://img362.imageshack.us/img362/1460/fon3jv4.jpg'); padding:20px 140px 20px 20px; border: 2px #fdf3ea groove; color: #9d6391; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div>

---

Цветок в лучах рассвета.

Выглядит:

/t.foto.radikal.ru/0706/89/40dd7080d3af.jpg" target="_blank">http://t.foto.radikal.ru/0706/89/40dd7080d3af.jpg); PADDING-BOTTOM: 80px; BORDER-LEFT: #999 2px dashed; COLOR: #326a8a; PADDING-TOP: 20px; BORDER-BOTTOM: #999 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ










Пишется:
<div style="background-image: url('http://t.foto.radikal.ru/0706/89/40dd7080d3af.jpg'); background-position:50% 100%; background-color:#fff; padding:20px 80px 80px 20px; background-repeat: no-repeat; border:2px dashed #999; color: #326a8a;">ВАШ ТЕКСТ<br /><br /><br /><br /><br /><br /><br /><br /></div>

---

Сердце

Выглядит:

/s.foto.radikal.ru/0706/9f/59a74de0b437.jpg" target="_blank">http://s.foto.radikal.ru/0706/9f/59a74de0b437.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #999 2px dashed; COLOR: #80007e; PADDING-TOP: 20px; BORDER-BOTTOM: #999 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff">ВАШ ТЕКСТ












Пишется:
<div style="background-image: url('http://s.foto.radikal.ru/0706/9f/59a74de0b437.jpg'); background-position:50% 50%; background-color:#fff; padding:20px 20px 20px 20px; background-repeat: no-repeat; border:2px dashed #999; color: #80007e;"> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>

---

Собрано из нескольких постов и взято у atila

Перо

Выглядит:

/img143.imageshack.us/img143/6937/perowb9.gif" target="_blank">http://img143.imageshack.us/img143/6937/perowb9.gif); PADDING-BOTTOM: 80px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">ВАШ ТЕКСТ










Пишется:
<div style="background-image: url('http://img143.imageshack.us/img143/6937/perowb9.gif'); background-position:0% 100%; background-color:#FFFFFF; padding:20px 20px 80px 100px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /></div>

---

Ангел

Выглядит:

/img440.imageshack.us/img440/520/angelyw4.gif" target="_blank">http://img440.imageshack.us/img440/520/angelyw4.gif); PADDING-BOTTOM: 100px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">ВАШ ТЕКСТ






Пишется:
<div style="background-image: url('http://img440.imageshack.us/img440/520/angelyw4.gif'); background-position:0% 100%; background-color:#FFFFFF; padding:20px 20px 100px 145px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"> ВАШ ТЕКСТ <br /><br /><br /><br /></div>

---

Земля

Выглядит:

/img69.imageshack.us/img69/1807/earthbm2.gif" target="_blank">http://img69.imageshack.us/img69/1807/earthbm2.gif); PADDING-BOTTOM: 20px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">ВАШ ТЕКСТ










Пишется:
<div style="background-image: url('http://img69.imageshack.us/img69/1807/earthbm2.gif'); background-position:50% 50%; background-color:#FFFFFF; padding:20px 20px 20px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /></center></div>

---

Клякса

Выглядит:

/img390.imageshack.us/img390/8510/klyaksars2.gif" target="_blank">http://img390.imageshack.us/img390/8510/klyaksars2.gif); PADDING-BOTTOM: 100px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">ВАШ ТЕКСТ






Пишется:
<div style="background-image: url('http://img390.imageshack.us/img390/8510/klyaksars2.gif'); background-position:100% 100%; background-color:#FFFFFF; padding:20px 100px 100px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /></center></div>

---

Котенок-дракоша

Выглядит:

/img374.imageshack.us/img374/1949/catmk8.png" target="_blank">http://img374.imageshack.us/img374/1949/catmk8.png); PADDING-BOTTOM: 100px; BORDER-LEFT: #e3e3e3 2px dashed; PADDING-TOP: 20px; BORDER-BOTTOM: #e3e3e3 2px dashed; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff">ВАШ ТЕКСТ






Пишется:
<div style="background-image: url('http://img374.imageshack.us/img374/1949/catmk8.png'); background-position:40% 20%; background-color:#FFFFFF; padding:20px 100px 100px 20px; background-repeat: no-repeat; border:2px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /></center></div>


=======================================================================================
и ещё:
1)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/0/16348/16348810_Untitled1.jpg"><tbody><tr><td><font" target="_blank">//img0.liveinternet.ru/images/attach/b/0/1634...t;<tr><td><font</a> face="Courier new" color="000000" size="3" font="font"><b><p align="center"><br /><br /><br /> Ваш текст<br /><br /><br /> </p></b></font></td></tr><br /><br /><br /> </tbody></table></center>
2)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://t.foto.radikal.ru/0705/6d/e188c27f0145.jpg"><tbody><tr><td><font" target="_blank">http://t.foto.radikal.ru/0705/6d/e188c27f0145.jpg&...t;<tr><td><font</a> face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /><br /><br /> <br /><br /> </p><center><br /><br /> <p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#990033, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#ffffff"><br /><br /> <br /><br /> ТеКсТ тВоЙ=)ЗдЕсЬ=)<br /><br /> <br /><br /> </font></p></center><br /><br /> <br /><br /> <br /><br /> <br /><br /></b></font></td></tr></tbody></table></center><br /><br />
3)

Такая рамка

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://v.foto.radikal.ru/0704/0c/3ea4f4fe8ddf.jpg"><tbody><tr><td><font" target="_blank">http://v.foto.radikal.ru/0704/0c/3ea4f4fe8ddf.jpg&...t;<tr><td><font</a> face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /><br /><br /> <br /><br /> </p><center><br /><br /> <p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#660099, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#CCFF33"><br /><br /> <br /><br /> <br /><br /> Такая рамка<br /><br /> <br /><br /> </font></p></center><br /><br /> <br /><br /> <br /><br /> <br /><br /></b></font></td></tr></tbody></table></center><br /><br /> <br /><br /> <br /><br />
4)

Или вот так....

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://v.foto.radikal.ru/0704/27/d449f5175c13.jpg"><tbody><tr><td><font" target="_blank">http://v.foto.radikal.ru/0704/27/d449f5175c13.jpg&...t;<tr><td><font</a> face="Courier new" color="#000000 " size="4" font="font"><b><p align="center"><br /><br /><br /><br /> <br /><br /> </p><center><br /><br /> <p style="FONT-WEIGHT: bold; FONT-SIZE: 17px; FILTER: Glow(Color=#FFCC33, Strength=10); WIDTH: 600px; FONT-FAMILY: Times Roman; TEXT-ALIGN: center"><font color="#000000">Или вот так....</font></p></center><br /><br /> <br /><br /> <br /><br /></b></font></td></tr></tbody></table></center><br /><br />
5)

Текст =) )) )) )) )) ))) ))) ))) ))) =) =) =)

<br /><br /> <center><br /><br /> <table style="WIDTH: 600px; HEIGHT: 150px" align="center" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://v.foto.radikal.ru/0704/fd/9fc054b82f2a.jpg"" target="_blank">http://v.foto.radikal.ru/0704/fd/9fc054b82f2a.jpg"</a> border="3"><br /><br /> <tbody><br /><br /> <tr><br /><br /> <td><font face="monotype corsiva" color="#CC0033" size="4" font="font"><b><center><br /><br /> <p style="FONT-WEIGHT: bold; FONT-SIZE: 21px; FILTER: Glow (Color=#996600, Strength=6); WIDTH: 600px; FONT-FAMILY: Monotype Corsiva; TEXT-ALIGN: center"><font color="#CCFF33"><br /> Текст<br /><br /> =)<br /><br /> ))<br /><br /> ))<br /><br /> ))<br /><br /> ))<br /><br /> )))<br /><br /> )))<br /><br /> )))<br /><br /> )))<br /><br /> =)<br /><br /> =)<br /><br /> =)<br /><br /> <br /><br /> <br /></font></p><br /><br /> </center></b></font></td><br /><br /> </tr><br /><br /> </tbody><br /><br /> </table><br /><br /> </center><br /><br />
6)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 200px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://u.foto.radikal.ru/0703/f45a737e4b20.gif"><tbody><tr><td><font" target="_blank">http://u.foto.radikal.ru/0703/f45a737e4b20.gif&quo...t;<tr><td><font</a> face="Verdana" color="ff3399" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
7)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 200px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://s.foto.radikal.ru/0703/66a52574be85.gif"><tbody><tr><td><font" target="_blank">http://s.foto.radikal.ru/0703/66a52574be85.gif&quo...t;<tr><td><font</a> face="Verdana" color="ff9900" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
8)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.lenagold.ru/fon/geom/pol/raz/razpolos16a.jpg" target="_blank">http://www.lenagold.ru/fon/geom/pol/raz/razpolos16a.jpg</a> "><tbody><tr><td><font face="Comic sans MS" color="000000=" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
9)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://images.bigoo.ws/content/background/holiday/holiday_67.gif" target="_blank">http://images.bigoo.ws/content/background/holiday/holiday_67.gif</a> "><tbody><tr><td><font face="Comic sans MS" color="000000=" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
10)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/1/4750/4750326_4395680_23198042_2s63vnl.jpg"><tbody><tr><td><font" target="_blank">//img0.liveinternet.ru/images/attach/b/1/4750...t;<tr><td><font</a> face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
11)

Ваш текст

<br /><br /> <table cellspacing="0" style="border:double 3px #C7CAFF" cellpadding="15" width="80%" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/0/23421/23421863_18184822_13024519_peaceFlag.jpg">" target="_blank">//img1.liveinternet.ru/images/attach/b/0/2342...024519_peaceFlag.jpg"></a> <br /><br /> <tr><td><center><table style="border:groove 3px #90C2DD" width="100%" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/0/23421/23421887_18265228_196.gif"" target="_blank">//img1.liveinternet.ru/images/attach/b/0/23421/23421887_18265228_196.gif"</a> cellpadding="10" cellspacing="0"><tr><td width="80%"><center><table style="border:double 2px #008080" width="100%" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/0/23421/23421967_normal_milnie_pyziri.jpg"" target="_blank">//img1.liveinternet.ru/images/attach/b/0/2342...normal_milnie_pyziri.jpg"</a> cellpadding="5" cellspacing="5"><tr><td width="80%"><center><font style="font-size: 16 pt; color: #FFffff; font-family: Monotype corsiva"><center><br /><br /> <b><font size="3">Ваш текст</font></b><br /><br /> </center></font><br /><br /> <br /><font style="font-size: 18 pt; color: #000080; font-family: Georgia"></font></center></td></tr></table></center></td></tr></table></center></td></tr></table>
12)

Ваш текст

<br /><br /> <center><table style="WIDTH: 650px; HEIGHT: 250px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/1/4491/4491472_tj5lf9l8u2y5_2_fon.jpg"><tbody><tr><td><font" target="_blank">//img1.liveinternet.ru/images/attach/b/1/4491...t;<tr><td><font</a> face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
13)

Ваш текст

<br /><br /> <center><table style="WIDTH: 650px; HEIGHT: 250px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/1/4483/4483631_mas_fon.jpg"><tbody><tr><td><font" target="_blank">//img1.liveinternet.ru/images/attach/b/1/4483...t;<tr><td><font</a> face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
14)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img0.liveinternet.ru/images/attach/b/1/4002/4002048_23163502_7f7f99a42da5.gif"><tbody><tr><td><font" target="_blank">//img0.liveinternet.ru/images/attach/b/1/4002...t;<tr><td><font</a> face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
15)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/b/1/4001/4001912_crazy_bg.jpg"><tbody><tr><td><font" target="_blank">//img1.liveinternet.ru/images/attach/b/1/4001...t;<tr><td><font</a> face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br /><br /> Ваш текст<br /><br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>
16)

Ваш текст

<br /><br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://o.foto.radikal.ru/0612/65f761c2765f.gif"><tbody><tr><td><font" target="_blank">http://o.foto.radikal.ru/0612/65f761c2765f.gif&quo...t;<tr><td><font</a> face="georgia" color="000000" size="4" font="font"><b><p align="center"><br /><br /><br /> Ваш текст<br /><br /><br /> </p></b></font></td></tr><br /></tbody></table></center>

Нарциссы:


/img1.liveinternet.ru/images/attach/b/0/16605/16605227_winflobordq92.jpg" target="_blank">//img1.liveinternet.ru/images/attach/b/0/16605/16605227_winflobordq92.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/16605/16605227_winflobordq92.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br /><br />



Светлый вязаный


/img1.liveinternet.ru/images/attach/b/0/16605/16605127_tkan992.jpg" target="_blank">//img1.liveinternet.ru/images/attach/b/0/16605/16605127_tkan992.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/16605/16605127_tkan992.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div> <br /><br />



Голубой с ромашками


/img0.liveinternet.ru/images/attach/b/0/16584/16584331_rommmashk297.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16584/16584331_rommmashk297.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16584/16584331_rommmashk297.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br /><br />




Цветы


/img0.liveinternet.ru/images/attach/b/0/16400/16400178_7636320_7392644_6194417_6146393_5862747_romaboard70.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/1640...146393_5862747_romaboard70.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16400/16400178_7636320_7392644_6194417_6146393_5862747_romaboard70.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br /><br />




Розовые цветы:


/img0.liveinternet.ru/images/attach/b/0/16604/16604561_poleflowers3459.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16604/16604561_poleflowers3459.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #eee; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16604/16604561_poleflowers3459.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br /><br />



Темные камни:


/img0.liveinternet.ru/images/attach/b/0/16604/16604171_galka13.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16604/16604171_galka13.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #eee; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16604/16604171_galka13.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#eee"> ВАШ ТЕКСТ </div><br /><br />



Светло-розовые цветы:


/img1.liveinternet.ru/images/attach/b/0/16363/16363972_ku.jpg" target="_blank">//img1.liveinternet.ru/images/attach/b/0/16363/16363972_ku.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img1.liveinternet.ru/images/attach/b/0/16363/16363972_ku.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br /><br />



Галька:


/img0.liveinternet.ru/images/attach/b/0/16468/16468694_aabord27.jpg" target="_blank">//img0.liveinternet.ru/images/attach/b/0/16468/16468694_aabord27.jpg); PADDING-BOTTOM: 20px; BORDER-LEFT: #111 2px groove; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #111 2px groove; BACKGROUND-COLOR: #000">ВАШ ТЕКСТ




Как его сделать:

<div style="background-color:#000; background-image:url(' //img0.liveinternet.ru/images/attach/b/0/16468/16468694_aabord27.jpg'); padding:20px 20px 20px 20px; border: 2px #111 groove; color:#000"> ВАШ ТЕКСТ </div><br /><br />




Сплошная рамка.
Выглядит вот так:



Пишется так:
<div style="border:1px solid #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Пунктирная рамка.
Выглядит:



Пишется:
<div style="border:1px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Точечная рамка
Выглядит:



Пишется:
<div style="border:1px dotted #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Двойная рамка
Выглядит:



Пишется:
<div style="border:3px double #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Вдавленый текст
Выглядит:



Пишется:
<div style="border:3px inset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Возвышающийся текст
Выглядит:



Пишется:
<div style="border:3px outset #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Опционально:
чтобы изменить цвет рамки нужно вместо #000 (черный), написать цвет кода из таблицы. Например белая сплошная рамка:

Выглядит:



Пишется:
<div style="border:1px solid #EEEEEE;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

---

Толщину рамки можно менять изменив в коде "1px" (1 пиксель) на большее значение. Например пунктирная рамка с толщиной пять пикселей:

Выглядит:



Пишется:
<div style="border:5px dashed #000;padding:10px 10px 10px 10px;">ВАШ ТЕКСТ</div>

Эффекты картинок! Интересно!

Считать умеешь? Три или четыре?

Всё что требуется: пристально смотреть на находящийся в центре крест. Через 15-20 секунд все фиолетовые круги исчезнут.

Видите Мэрилин Монро? Нет? Отодвиньтесь подальше от монитора

Смотрим в центр и через несколько секунд меняется направление движения )

Закройте рукой правый глаз, внимательно вглядитесь в правую точку-звездочку. Медленно приближайтесь к экрану. Левая точка-звездочка исчезла!

Если вглядеться в центр спирали, она начинает вращаться и пульсировать.

Задание: сосчитать черные точки. Нет, белые. Нет, черные... Не, все-таки белые... Млин, а ведь трезвая вроде))

А горизонтальные-то линии параллельные...Не верите?