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


Как сделать рамку в четыре слоя. 19-02-2014 21:44 к комментариям - к полной версии - понравилось!

Это цитата сообщения Елена_Матусова Оригинальное сообщение

Как сделать рамку в четыре слоя.

Как сделать рамку в четыре слоя.

Это более сложная рамка, чем в два или три слоя. И если вы научились делать две предыдущие рамки, то давайте начнем... Рамку в четыре слоя вы видите на экране.

Код 4- х слойной рамки следующий:


<center><table border="2" background="1 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="3" cellspacing="5" width="600"><tr><td><table border="2" background="2 СЛОЙ БЕЛОГО ФОНА" cellpadding="3" cellspacing="25" width="100%"><tr><td><table border="2" background="3 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="4 СЛОЙ БЕЛОГО (ОСНОВНОГО) ФОНА" cellpadding="1" cellspacing="3" width="100%"><tr><td><center><font size="4" color="000000" face="Monotype Corsiva"><br /> ВАШ ТЕКСТ<br /> <br /> </font></center></td></tr></table></td></tr></table><center><text size="2"><a href="АДРЕС БЛОГА" target="_blank"><text size="2">ВАШ НИК</text></a></text></center></td></tr></table></td></tr></table></center>

Давайте разберем код рамки на теги:

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

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

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

4. cellpadding = "50" и cellpadding = "0" - ширина слоёв рамки в пикселях. Можно цифры поменять. (Экспериментируйте!!!)
5. - цвет текста в рамке. (Цвет текста можно изменить.Для этого воспользуйтесь Таблицей "безопасных" цветов http://www.artlebedev.ru/tools/colors/)
6. width="600" - размер рамки, в пикселях.
Величина рамки зависит от величины вашего текста.
7. < tr > - этот тег поддерживает высоту рамки
8. < td > - этот тег поддерживает ширину рамки
9. < font > - этот тег позволяет изменять цвет, размер и тип шрифта текста

Если вы хотите вставить картинку в текст, то вставляйте ее перед словами ВАШ ТЕКСТ (или после).

Это можно сделать двумя способами:

1 вариант. Нажимаете (справа сверху) ФОТО, в открывшемся окне - ОБЗОР (если вы загружаете картинку со своего компьютера), либо ВЫБРАТЬ ИЗ АЛЬБОМА, либо ИЗ ИНТЕРНЕТА (смотря на то, откуда вы берете фото). и снизу нажимаете "ЗАГРУЗИТЬ"

2 вариант Для вставки картинки существует специальный код:



Если нужно разместить картинку слева или справа от текста, то в тег добавляется параметр align:

– картинка слева от текста;
– картинка справа от текста.

Как вставить адрес картинки.

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

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


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

Дневник Как сделать рамку в четыре слоя. | Милашечка7777777 - Дневник Милашечка7777777 | Лента друзей Милашечка7777777 / Полная версия Добавить в друзья Страницы: раньше»