ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как сделать рамку в шесть слоев с картинкой.

Рамку в шесть слоев вы видите на экране.

Код такой рамки следующий:


<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="3" cellspacing="0" width="100%"><tr><td><center><img src="КАРТИНКА ЛЮБАЯ" /></center><table border="2" background="5 СЛОЙ ЖЕЛТОГО ФОНА" cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="6 СЛОЙ БЕЛОГО (ОСНОВНОГО) ФОНА" 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="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС БЛОГА" target="_blank"><text size="2">ВАШ НИК</text></a></text></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

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

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

Первый вариант. Фон заносим через Фоторадикал: 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 вариант Для вставки картинки существует специальный код:

<img src="адрес картинки" width="500" />

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

<img src="адрес картинки" width="500" align="left" /> – картинка слева от текста;
<img src="адрес картинки" width="500" align="right" /> – картинка справа от текста.

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

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

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