переплетение шнурков на кедах

В колонках играет - Blind Stare
Настроение сейчас - загадочное

вот народ, ловите!!!! пользуйтесь)))

заносите в ЦИТАТНИК - для тех кому пригодится )

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

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

Выглядит:


Пишется:
<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>



в наглую не копировать. цитируйте по правилам. atila 18.03.2007

Как делать обрамление поста




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

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

---

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

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

---

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

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

---

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

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

---

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

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

---

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

Пишется:
<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>

*Теги работающие на ЛиРу

Теги работающие на ЛиРу

<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>
или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз

ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на поздравление с 8-м марта/, то ставите
<b><a href="ссылка">ВАШ ТЕКСТ к примеру</a></b>
получается:
А вот мое поздравление с 8-м марта! :)


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


Пользуемся и забираем себе в цитатник!