Учимся делать рамки. Рамка для текста с картинкой.

[221x91]

Сегодня я покажу, как я делаю более сложные рамки с картинкой и текстом в отдельной рамке, такие, как эта рамка в четыре слоя. Количество слоёв можно добавлять.

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

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

<center><table border="2" background="АДРЕС ФОНА " cellpadding="10" cellspacing="0" width="600"><tr><td><table border="2" background="АДРЕС ФОНА " cellpadding="3" cellspacing="0" width="100%"><tr><td><center>АДРЕС КАРТИНКИ</center><table border="2" background="АДРЕС ФОНА " cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2" background="АДРЕС ФОНА " cellpadding="1" cellspacing="3" width="100%"><tr><td>

<font size="5" color="#CC0066" face="Monotype Corsiva">

ЗДЕСЬ БУДЕТ НАХОДИТЬСЯ ВАШ ТЕКСТ ) ) ) ) ))

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

Возьмите формулу рамки из окошка ниже.

<center><table border="2" background="АДРЕС ФОНА " cellpadding="10" cellspacing="0" width="600"><tr><td><table border="2" background="АДРЕС ФОНА " cellpadding="3" cellspacing="0" width="100%"><tr><td><center>АДРЕС КАРТИНКИ</center><table border="2" background="АДРЕС ФОНА " cellpadding="5" cellspacing="0" width="100%"><tr><td><table border="2"; background="АДРЕС ФОНА " cellpadding="1" cellspacing="3" width="100%"><tr><td><br /><font size="5" color="#CC0066" face="Monotype Corsiva"><br />ЗДЕСЬ БУДЕТ НАХОДИТЬСЯ ВАШ ТЕКСТ ) ) ) ) ))<br /></font></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></center>

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

Алевтина

Учимся делать рамки. Рамка для текста с картинкой.

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