Рамка с фоном верхний бордюр...

Суббота, 11 Мая 2013 г. 20:52 + в цитатник

Из блога Алевтина
Сегодня я покажу, как можно сделать рамку с фоном верхний бордюр, такую, как эта моя рамка.
Если Вы только пытаетесь делать рамки, то начните с более простых рамок. Сделайте сначала рамку в два, три, четыре слоя. Для этого кликните на ссылки:
Рамка в два слоя, для текста в блоге.
Рамка в три слоя, для текста в блоге.
Рамка в четыре слоя, для текста в блоге.
Рамка для текста с картинкой.

КОД для изготовления рамки:

<div align="center"><table border="1" background="АДРЕС ФОНА 1 " cellpadding="7" cellspacing="0"><tr><td width="700"><table border="1" background="АДРЕС ФОНА 2 " cellpadding="3" cellspacing="0"><tr><td width="700"><table border="0" background="АДРЕС ФОНА С БОРДЮРОМ" cellpadding="0" cellspacing="0"><tr><td width="700" height="ВЫСОТА БОРДЮРА"></td></tr></table><table border="1" background="АДРЕС ФОНА 1 - КОНТУР ФОНА ДЛЯ ТЕКСТА" cellpadding="7" cellspacing="0"><tr><td><table border="1" background="АДРЕС ФОНА ДЛЯ ТЕКСТА" cellpadding="2" cellspacing="5"><tr><td width="700"><center><font size="3" color="#000000" face="Arial"><br>ТЕКСТ</font>
<br></center><br></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>
Формула состоит из тегов.

Рассмотрим, что обозначают основные теги.
1. <center></center> - Этим тегом мы выравниваем рамку или текст (картинку) в рамке по центру. Если, после применения этого тега рамка не встала по центру, то я ставлю такие теги в самом начале кода рамки:<div align="center">
2. < table border ="1" - Число 1 это толщина обводки рамки.
3. background ="АДРЕС ФОНА" - На место "Адрес фона" вписываем ссылку на фон.
Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите
ссылку № 1.
Совет: Не увлекайтесь яркими, тяжелыми фонами, в этом случае Ваш блог будет сложно открыть.
4. cellpadding = "7" и cellpadding = "0" - Ширина слоёв рамки в пикселях. Можно изменить.
5. < font color="000000" > - Цвет текста в рамке, цвет текста можно изменить.
6. < tr > - этот тег поддерживает высоту рамки
7. < td > - этот тег поддерживает ширину рамки
8. <td width="700"> - цифра 700 это ширина фона рамки, её можно менять.
9. "Высота бордюра" - это высота верхнего рисунка. Ставим на глаз и меняйте цифры. Например, поставили 100 и посмотрите. Не подходит - пишите другую цифру.

Фоны и верхние бордюры можно взять здесь на данном сайте.

Примеры верхнего бордюра:
Кликните по картинке и она откроется в полный размер.

Желаю успехов!

рамка от Алевтины

Серия сообщений "код":
Часть 1 - Как оформлять текстовые кнопки?
Часть 2 - ВСЕ о тегах и оформлении постов
...
Часть 20 - Шаблон рамки
Часть 21 - Теги... для изготовления рамки
Часть 22 - Рамка с фоном верхний бордюр...
Часть 23 - Как загрузить флешку с компьютера в дневник
Часть 24 - Цветочный шлейф за курсором
...
Часть 43 - Набор цветных окошек для кодов
Часть 44 - Как узнать цветовой HTML код
Часть 45 - Делаем кликабельную ссылку с помощью панели спецкода.