Очень простое создание рамочек для тем - урок

Рамочки для текста создаются, как известно, двумя способами:

1. При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. Но он мне абсолютно не понравился - слишком заумный и нагроможденный

2. А вот при помощи этого сайта можно создавать рамочки легко и просто. При этом используется тег div. Рамочку для этой темы я сделала именно там. Очень понравился сайт - не надо заморачиваться с прописыванием тегов и т.д. Огромная благодарность Алексею создателю сайта.
Теперь к делу.
Как же пользоваться сайтом?

[400x124]

1. Идем на сайт li-web.ru/serv/ram/

2. Выставляем ширину будущей рамочки

[303x30]

3. Для того чтобы сделать обводку щелкаем мышкой по нужной границе на схеме рамочки

[244x111]

а затем в меню нажимаем на кнопку



и выставляем толщину, вид и цвет.

Также выбираем параметры для ячейки
выбираем при помощи мышки нужную ячейку на схеме, затем нажимаем на кнопку



определяем ее толщину в пикселях, цвет или фон
вставляем адрес на фоновое изображение
(прямую ссылку на картинку берем на радикале)
в окошко

[163x210]

4. Внутренний слой рамочки обычно содержит текст. Для того чтобы его написать делайте внутренний слой активным, выбирайте цвет ячейки из палитры:



После чего в этой вкладке выбирайте кнопку текст

[122x244]

и в окошке для текста пишите свою запись.
Доступны функции форматирования и выбора цвета текста.

[244x77]

5. Рамочка готова!
Остается выбрать код html для вставки в блог

[150x573]

6. Для того чтобы рамочка находилась в теме по центру перед кодом пишем

[257x151]

а в самом конце всего кода темы

[455x155]

От души и с любовью ваша Юля Линд.http://blogs.mail.ru/mail/2yъ/
Творческих успехов, Друзья!


P.S. Обратите внимание на метку в этой теме,
если потеряете урок он всегда будет в моих метках в левом верхнем углу блога под аватаром именно под этой меткой рамочки-рисуем

Серия сообщений "Таблицы":
Часть 1 - Разные стили Прокрутки для поста.
Часть 2 - Как вставить ПРОКРУТКУ в пост.
...
Часть 15 - Урок по таблицам...полезный)
Часть 16 - Самое простое создание рамочки для Ли.ру
Часть 17 - Очень простое создание рамочек для тем - урок
Часть 18 - Делаем Таблицу с Картинками(ссылками).
Часть 19 - Полезность по таблицам
...
Часть 26 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 27 - Делаем Таблицу с Картинками(ссылками).
Часть 28 - Генератор таблиц