Код необходимо вводить в простом редакторе поста. Результат в "расширенном редакторе" может быть далек от ожидаемого.
В коде заменяйте "ВАШ ТЕКСТ" на собственно ваш текст и наслаждайтесь оригинальностью оформления вашего поста.
Удачи!
Рамка с фоном "Звездное небо":
Выглядит:
<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://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>
Пишется: