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


 

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

ВАШ Т Е К С Т Sheree

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

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

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

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

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

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

<center><table border="2" background="<a href="//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="//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 data-cke-saved-src="<a href="//s52.radikal.ru/i138/0904/6f/6521fd38377d.png" src="[url]//s52.radikal.ru/i138/0904/6f/6521fd38377d.png"" target="_blank">//s52.radikal.ru/i138/0904/6f/6521fd38377d.pn...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 data-cke-saved-href="http://www.liveinternet.ru/users/sheree/" href="http://www.liveinternet.ru/users/sheree/">Sheree</a></font></td></tr></table></center>