• Авторизация


Рамка с фоном верхний бордюр... 01-11-2018 00: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 - Делаем кликабельную ссылку с помощью панели спецкода.


вверх^ к полной версии понравилось! в evernote
Комментарии (1):
E-Ledi 01-11-2018-00:56 удалить
С благодарностью. Доброй Вам ночи.


Комментарии (1): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Рамка с фоном верхний бордюр... | Таня_Зинченко - Дневник Таня_Зинченко | Лента друзей Таня_Зинченко / Полная версия Добавить в друзья Страницы: раньше»