как оформить текст поста

•Для ваших дневников•

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

ВАМ В ЦИТАНИК

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

Выглядит:

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

читать дальше