Генератор рамочек в div
- При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. (см. также инструкцию об использовании Рамочника).
- При помощи тега div создают рамочки для текста такого типа:
Они более просты, зато лучше грузятся, имеют фиксированную ширину, такие рамочки для текста легко сделать самостоятельно. Они поддерживаются блогами ЖЖ, diary, mail.ya.ru, privet.ru и др. Существует очень простой генератор подобных рамочек.
..
1. Идем на сайт li-web.ru/serv/ram/
2. Выставляем ширину будущей рамочки,
3. Для того, чтобы сделать обводку, щелкаем мышкой по нужной границе на схеме рамочки,
а затем в меню нажимаем на кнопку 
и выставляем толщину, вид и цвет.
Также выбираем параметры для ячейки (выбираем при помощи мышки нужную ячейку на схеме, затем нажимаем на кнопку 
, определяем ее толщину в пикселях, цвет или фон (нужно вставить адрес на фоновое изображение (прямую ссылку на картинку) в окошко 
. Адрес прямой ссылки узнаем щелкнув правой кнопкой мышки по изображению и выбрав пункт “Копировать адрес изображения”.
4. Внутренний слой рамочки обычно содержит текст. Для того, чтобы его написать, делайте внутренний слой активным, выбирайте цвет ячейки 
из палитры:
После чего в этой вкладке выбирайте кнопку текст (как показано на скриншоте) и в окошке для текста
пишите свою запись. Доступны функции форматирования и выбора цвета текста.
4. Рамочка для текста готова! Остается выбрать код html для вставки в блог:
