делаем рамку в 4 слоя

Четверг, 29 Сентября 2011 г. 18:11 + в цитатник

Цитата сообщения Лариса_Гурьянова

Прочитать целиком В свой цитатник или сообщество!

ДЕЛАЕМ РАМКУ В ЧЕТЫРЕ СЛОЯ

УЧИМСЯ ДЕЛАТЬ РАМКУ В ЧЕТЫРЕ СЛОЯ

Рамку в два слоя мы уже научились делать ЗДЕСЬ.
Чтобы сделать рамку, которую вы видите, - рамку в 4 слоя, вам достаточно скопировать формулу в окошке под рамкой.

Здесь будет ваш текстЛорик

ФОРМУЛА РАМКИ

Формула состоит из тегов.
Рассмотрим, что обозначают основные теги.

1. < center > - выравнивание рамки по центру.
2. < table border ="2" > - Число 2 это толщина обводки рамки (серый контур). Если вместо 2 поставим 0, то контур виден не будет.
3. < background ="АДРЕС ФОНА" > - на место "Адрес фона" вписываем ссылку на фон.

Первый вариант. Фон заносим через Фоторадикал: http://www.radikal.ru/
Из предложенных в фоторадикале ссылок, для фона возьмите ссылку № 1.

Второй вариант. На любом сайте фонов кликните правой мышкой по понравившемуся фону. Нажмите СВОЙСТВА. Откроется окно. В нем найдите АДРЕС (начинается он всегда с http:). Скопируйте и вставьте в формулу рамки.

С адресом картинки поступаем аналогично.

4. cellpadding = "15" и cellpadding = "0" - Ширина слоёв рамки в пикселях. Их можно менять (экспериментируйте)
5. <font size="4"></font> - размер шрифта. Его можно менять.
6.< font color="000066" > - Цвет текста в рамке. (Цвет текста можно изменить.Для этого воспользуйтесь Таблицей "безопасных" цветов http://www.artlebedev.ru/tools/colors/
7. < tr > - этот тег поддерживает высоту рамки
8. < td > - этот тег поддерживает ширину рамки

Метки: рамочки для текста
Понравилось: 1 пользователю

<a href="https://www.liveinternet.ru/users/inessk/post186701224/">РґРµР»Р°РµРј СЂР°РјРєСѓ РІ 4 СЃР»РѕСЏ</a><br/>Р”Р•Р›РђР•Рњ Р РђРњРљРЈ Р’ Р§Р•РўР«Р Р• РЎР›РћРЇ

РЈР§РРњРЎРЇ Р”Р•Р›РђРўР¬ Р РђРњРљРЈ Р’ Р§Р•РўР«Р Р• РЎР›РћРЇ

Р Р°РјРєСѓ РІ РґРІР° СЃР»РѕСЏ РјС‹ СѓР¶Рµ РЅР°СѓС‡РёР»РёСЃСЊ РґРµР»Р°С‚СЊ Р—Р”Р•РЎР¬.
Р§С‚РѕР±С‹ СЃРґРµР»Р°С‚СЊ СЂР°РјРєСѓ, РєРѕС‚РѕСЂСѓСЋ РІС‹ РІРёРґРёС‚Рµ, - СЂР°РјРєСѓ РІ 4 СЃР»РѕСЏ, РІР°Рј РґРѕСЃС‚Р°С‚РѕС‡РЅРѕ СЃРєРѕРїРёСЂРѕРІР°С‚СЊ С„РѕСЂРјСѓР»Сѓ РІ РѕРєРѕС€РєРµ РїРѕРґ СЂР°РјРєРѕР№.

Р—РґРµСЃСЊ Р±СѓРґРµС‚ РІР°С€ С‚РµРєСЃС‚Р›РѕСЂРёРє

Р¤РћР РњРЈР›Рђ Р РђРњРљР

Р¤РѕСЂРјСѓР»Р° СЃРѕСЃС‚РѕРёС‚ РёР· С‚РµРіРѕРІ. 
Р Р°СЃСЃРјРѕС‚СЂРёРј, С‡С‚Рѕ РѕР±РѕР·РЅР°С‡Р°СЋС‚ РѕСЃРЅРѕРІРЅС‹Рµ С‚РµРіРё.

1. &lt; center >  - РІС‹СЂР°РІРЅРёРІР°РЅРёРµ СЂР°РјРєРё РїРѕ С†РµРЅС‚СЂСѓ.
2. &lt; table border ="2" > - Р§РёСЃР»Рѕ 2 СЌС‚Рѕ С‚РѕР»С‰РёРЅР° РѕР±РІРѕРґРєРё СЂР°РјРєРё (СЃРµСЂС‹Р№ РєРѕРЅС‚СѓСЂ). Р•СЃР»Рё РІРјРµСЃС‚Рѕ 2 РїРѕСЃС‚Р°РІРёРј 0, С‚Рѕ РєРѕРЅС‚СѓСЂ РІРёРґРµРЅ РЅРµ Р±СѓРґРµС‚.
3.  &lt; background ="РђР”Р Р•РЎ Р¤РћРќРђ" > - РЅР° РјРµСЃС‚Рѕ "РђРґСЂРµСЃ С„РѕРЅ... <a href="https://www.liveinternet.ru/users/inessk/post186701224/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>