Попробую дать простой урок как сделать рамочки под текст. Углубляться в тонкости сейчас не стану. Напишу в этом первом уроке только лишь выделенный html-код и те места, в которые вы сможете вписать свои переменные. Желающим упростить данный урок все же посоветую почитать основы html.

<table style="border:5px solid #0033ff;background-color:#ffcc33" cellspacing="0" cellpadding="0"><tr><td style="padding:12px">
<table style="border:3px solid #cc0033;background-color:#33ff00"  cellspacing="0" cellpadding="0"><tr><td style="padding:9px" align="center"><span style="color:#000000font-size:20px">ТЕКСТ</span></td></tr></table></td></tr></table>

border:5px - ширина внешей рамки (синей)
solid #0033ff; - цвет рамки внешней (синей)
background-color:#ffcc33" - цвет внешнего поля (желтый)
td style="padding:12px - ширина рамки внешней в пикселях
Для внутренней рамки коды аналогичны. (Размер внутренней рамки на примере тоньше и уже)
Теги работы с текстом в этом уроке не описываю. На ли ру текст прекрасно форматируется.
Увеличить внутреннюю рамочку тоже можно в редакторе на ли ру, просто потаскав ее мышкой.
В уроке все переменные выделены черным шрифтом. Еще просьба убрать первую и последнюю кавычки.

Для тех, кому сложно освоить данный урок, на новой неделе заведу рубрику "рамочки" с уроком, если на урок будут ваши пожелания.

(С) 2012 Putniza Strannaja.

Статьи по теме:
1. Как вставлять html-код в пост
2. Убрать текст под КАТ
3. Кликабельные картинки

Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.

Серия сообщений "Дизайн и графика":
Часть 1 - Дизайн дневника на liveinternet.
Часть 2 - Рамочки для текста
Часть 3 - Как БЫСТРО сделать дизайн дневника.
Часть 4 - Вставляем картинки в комментарий.
Часть 5 - Уменьшаем картинку (фото) с помощью Microsoft Office Picture Manager

Серия сообщений "Html для чайника":
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка