Многие блоггеры любят оформлять свои записи при помощи так называемых рамочек для текста. Они могут быть изготовлены двумя различными способами:
1. при помощи таблицы (тегов table). Рамочки такого типа проще всего делать в Рамочнике. я уже писала раньше о том, как пользоваться Рамочником.
2. при помощи блоков (тегов div).
Рамочки, выполненные первым способом имеют очень громоздкий html-код, растягиваются в ширину и длину в зависимости от их содержания. Если не проводить корректирования содержания, то они могут растянуться до невообразимых пределов, не помещаясь на экране. В этом случае пояюляется горизонтальная полоса прокрутки. Конечно всего этого можно избежать при грамотном составлении и заполнении рамочки. Еще один недостаток этого вида рамок - то, что они очень сильно снижают скорость загрузки вашего блога, что в конечном итоге может отпугнуть от него читателей. Кроме того, для блогов на различных платформах, коды будут иметь отличия.
В отличие от них, рамочки выполненные вторым способом имеют гораздо меньший по размерам код, они имеют фиксированную ширину, равную ширине рабочей части Вашей страницы, растягиваются в длину. Они более простые и по структуре. рамочки этого вида подходят практически ко всем блогосервисам, одинаково на них отображаются.
Вот пример рамочки, сделанной при помощи тегов div:
Ваш текст
Вот код этой рамочки:
/mitglied.multimania.de/flysbackgrounds/H-Glas/Beige-Braun/beige06.jpg" target="_blank">http://mitglied.multimania.de/flysbackgrounds/H-Glas/Beige-Braun/beige06.jpg); border-style: ridge; color:#8B1A1A;padding:8px;">/r-img.fotki.yandex.ru/get/4401/vesmir2010.0/0_47a5a_3a1797ee_S" target="_blank">http://r-img.fotki.yandex.ru/get/4401/vesmir2010.0/0_47a5a_3a1797ee_S); border-style: ridge; color:#FF0000;padding:8px;">
Ваш текст
Как Вы, наверное, уже заметили рамочка состоит из нескольких слоев:
1. наружний - это тонкоя линия коричневого цвета (в примере)
2. под ним - светло-коричневый фон,
3. затем - красная линия,
4. внутренний - красный фон.
В коде линия с фоном задается одним блоком, т.е. слои 1 и 2, 3 и 4. Первыми в коде задаются наружние слои, более внутренние идут следом.
Код рамочки состоит из следующих элементов:
/" target="_blank">http://....); border-style: ridge; color:#8B1A1A;padding:8px;">
.....его можно повторять столько раз, сколько будет слоев в рамочке.
3.Параметры содержимого рамочки(параметры текста)
4.теги закрытия. Их количество=
количеству открытых слоев,
начинающихся с div
, где background задает фон слоя, для этого нужно указать прямую ссылку на фон или изображение в коде вместо "http://....",
padding - ширина слоя в пикселях;
border-style задает внешний вид линии (коричневой и красной в примере), обрамляющей фоновый слой. Может принимать следующие значения: none, dotted, dashed, solid, double, groove, ridge, inset, outset. Подробнее о значения границ читайте здесь.
color - цвет линии.
Параметры содержимого рамочки, или параметры текста:
text-align - выравнивание текста. Значения: center (по центру), right (справа), left (cлева), justify (по ширине).
font - шрифт. В сообщении шрифты HTML Вы можете узнать значения.
font-style - стиль шрифта. Виды: normal, italic, oblique.
color - цвет текста;
font-size - размер текста в пикселях,
padding - отступы от внутреннего края рамки.
Теги закрытия . Их количество равно количеству открытых слоев, начинающихся с div.
Л.П.Л.
Рубрики: РАМКИ
МОИ РАБОТЫ
ПОЛЕЗНЫЕ УРОКИ.
Теги: Рамочки для текста
Ответить Комментарии (0)
Нравится Поделиться
Бывают друзья
Дневник
Среда, 01 Февраля 2012 г. 19:31 (ссылка) + в цитатник
Бывают друзья, нам их щедрой рукой даёт небо.
Для дружбы такой нужно просто самим собой быть.
Желаю я всем настоящую дружбу изведать!
Найдётся товарищ - вас свяжет с ним прочная нить.
Ведь друг – это тот, кто во всем о нас искренне верит,
И в деле любом он – соратник, товарищ и брат.
Такому - всегда нараспашку и сердце, и двери.
А дружба его – драгоценней похвал и наград.
Такие друзья для себя ничего и не просят;
Лишь сердце своё - для друзей не жалеют ничуть.
И в жаркое лето, в дождливую, хмурую осень
Готовы собой осветить для нас правильный путь.
Ведь друг – это тот, кто во всем о нас искренне верит,
И в деле любом он – соратник, товарищ и брат.
Такому - всегда нараспашку и сердце, и двери.
А дружба его – драгоценней похвал и наград.
Л.П.Л.
Рубрики: РАМКИ
МОИ РАБОТЫ
Теги: рамки стихи
Ответить Комментарии (0)
Нравится Поделиться
3 слоя
Дневник
Среда, 01 Февраля 2012 г. 18:15 (ссылка) + в цитатник
ВАШ ТЕКСТ
спасибо вам.
Л.П.Л.
Рубрики: РАМКИ
МОИ РАБОТЫ
Теги: рамки
Ответить Комментарии (2)
Нравится Поделиться
Без заголовка
Дневник
Четверг, 27 Января 2011 г. 17:09 (ссылка)
Процитировано 3 раз + в цитатник
ВАШ ТЕКСТ
Л.П.Л.
Рубрики: РАМКИ
МОИ РАБОТЫ
Теги: рамки
Ответить Комментарии (0)
Нравится Поделиться
Без заголовка
Дневник
Четверг, 27 Января 2011 г. 16:42 (ссылка)
Процитировано 1 раз + в цитатник
ВАШ ТЕКСТ
Л.П.Л.
Капочка_Капа
