Это цитата сообщения Arnusha Оригинальное сообщение
Рамочка *Счастливое детство*
|
Многие блоггеры любят оформлять свои записи при помощи так называемых рамочек для текста. Они могут быть изготовлены двумя различными способами: 1. при помощи таблицы (тегов table). Рамочки такого типа проще всего делать в Рамочнике. я уже писала раньше о том, как пользоваться Рамочником. 2. при помощи блоков (тегов div). Рамочки, выполненные первым способом имеют очень громоздкий html-код, растягиваются в ширину и длину в зависимости от их содержания. Если не проводить корректирования содержания, то они могут растянуться до невообразимых пределов, не помещаясь на экране. В этом случае появляется горизонтальная полоса прокрутки. Конечно всего этого можно избежать при грамотном составлении и заполнении рамочки. Еще один недостаток этого вида рамок - то, что они очень сильно снижают скорость загрузки вашего блога, что в конечном итоге может отпугнуть от него читателей. Кроме того, для блогов на различных платформах, коды будут иметь отличия. В отличие от них, рамочки выполненные вторым способом имеют гораздо меньший по размерам код, они имеют фиксированную ширину, равную ширине рабочей части Вашей страницы, растягиваются в длину. Они более простые и по структуре. рамочки этого вида подходят практически ко всем блогосервисам, одинаково на них отображаются. Вот пример рамочки, сделанной при помощи тегов div: Ваш текст Вот код этой рамочки:
Как Вы, наверное, уже заметили рамочка состоит из нескольких слоев: 1. наружний - это тонкоя линия коричневого цвета (в примере) 2. под ним - светло-коричневый фон, 3. затем - красная линия, 4. внутренний - красный фон. В коде линия с фоном задается одним блоком, т.е. слои 1 и 2, 3 и 4. Первыми в коде задаются наружные слои, более внутренние идут следом. Код рамочки состоит из следующих элементов: 1.Наружный слой
/" target="_blank">http://....); border-style: ridge; color:#8B1A1A;padding:8px;"> 2.Повтор первого элемента (внутренний слой) /" target="_blank">http://....); border-style: ridge; color:#8B1A1A;padding:8px;"> .....его можно повторять столько раз, сколько будет слоев в рамочке. 3.Параметры содержимого рамочки(параметры текста), где 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. Читать далее:[more= количеству открытых слоев, начинающихся с 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. Читать далее: Рамочки для текста http://www.mycrib.ru/2010/10/blog-post_3456.html#ixzz2kWtF8Brp Рамочки для текста http://www.mycrib.ru/2010/10/blog-post_3456.html#ixzz2kWpHLYoT
Это цитата сообщения Ketevan Оригинальное сообщение
С праздником,дорогие мамы!!!
|
Это цитата сообщения Ketevan Оригинальное сообщение
С наступающим праздником....
[700x593]Это цитата сообщения Ketevan Оригинальное сообщение
С праздником,дорогие женщины!!!
|
Это цитата сообщения Ketevan Оригинальное сообщение
С Благовещением!
|
Это цитата сообщения Ketevan Оригинальное сообщение
ПАСХАЛЬНЫЙ КУЛИЧ (РЕЦЕПТ 1)
| ||||||||||||
Это цитата сообщения Ketevan Оригинальное сообщение
Рамки для текста
|
Это цитата сообщения Ketevan Оригинальное сообщение
Рамки для текста
|