Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.

 

В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.

Удачи!

 

 

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

 

 

Выглядит:

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

 

Пишется:

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

 

 

 

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

 

 

Выглядит:

ВАШ ТЕКСТ
(бабочки)

<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 120px 20px 20px; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div></div>

Пишется:

<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 120px 20px 20px; background-repeat: no-repeat;"> ВАШ ТЕКСТ </div></div>

 

 

 

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

 

Выглядит:

ВАШ ТЕКСТ
(это оформление для больших текстов. При маленьких размерах текста выглядит некрасиво.)

В следующей части будут:

Листва (кленовые листья);

Божьи коровки;

Море;

Фрукты;

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

Пишется:

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