Создание простой рамочки с изображением внутри

Сегодня будем учиться создавать простую рамочку с изображением внутри. Берем как пример одну из пасхальных рамочек: 

ВАШ Т Е К С Т Sheree

Вот скрин кода этой рамочки:

Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)

Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)

Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.

Оранжевым подчеркнута ссылка на мой дневник и то написание, которое будет отображаться во внешней рамочке. Это надо заменить на свои данные.

А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:

<center><table border="2" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s61.radikal.ru/i174/0904/05/540011857c4f.jpg"" target="_blank">//s61.radikal.ru/i174/0904/05/540011857c4f.jpg"</a> cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg"" target="_blank">//i046.radikal.ru/0904/ee/b4bc2e948a5a.jpg"</a> cellpadding="5" cellspacing="0" width="100%"><tr><td><img src="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//s52.radikal.ru/i138/0904/6f/6521fd38377d.png"" target="_blank">//s52.radikal.ru/i138/0904/6f/6521fd38377d.png"</a> align="right" width="343" height="392" alt=" (343x392, 12Kb)" /><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table><font size="-2"><a href="http://www.liveinternet.ru/users/sheree/">Sheree</a></font></td></tr></table></center>

1 Шаг - Для создания своей рамочки необходимо подобрать фоны и картинку для рамочки (она не должна быть очень большой - таких параметров как у меня вполне достаточно)

2 Шаг - Необходимо загрузить поочередно выбранную графику на какой-нибудь хостинг картинок (я обычно использую Радикал)

3 Шаг - необходимо скопировать поочередно ПЕРВУЮ ссылку и заменить ее в моем примере

Собственно и все!

Удачи Вам и творческих успехов. если будут вопросы - задавайте )