2011-01-06

Textual description of firstImageUrl

Генератор рамочек в div

Рамочки для текста создаются, как известно, двумя способами:
  1. При помощи тега table (табличная верстка). При этом способе получаются довольно сложные (по строению и коду) рамочки, могут растягиваться в ширину и длину. Их можно изготовить а Рамочнике. (см. также инструкцию об использовании Рамочника).
  2. При помощи тега div создают рамочки для текста такого типа:
2011-01-07_0235

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


4. Рамочка для текста готова! Остается выбрать код html для вставки в блог:
2011-01-07_0256

Комментариев нет :

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности