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

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

ВАШ Т Е К С Т 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 Шаг - необходимо скопировать поочередно ПЕРВУЮ ссылку и заменить ее в моем примере

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

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

Без заголовка



Вставляем в готовую рамочку свою картинку!Я взяла для примера картинку формата width="128" height="128"






Код без картинки:
<table align="center" height="253" border="0" background="//s55.radikal.ru/i150/0905/5b/ebda0151755c.gif"><br /> <tr><br /> <td width="240" align="center"><font size="2" color="#ffffff" face="times"><p align="center"><font face="Georgia">картинка<br /> </font></p></font></td><br /> </tr><br /> </table>

картинка

<table align="center" height="253" border="0" background="//s48.radikal.ru/i119/0905/be/ba1a2a1b4ee9.gif"><br /> <tr><br /> <td width="240" align="center"><font size="2" color="#ffffff" face="times"><p align="center"><font face="Georgia">картинка<br /> </font></p></font></td><br /> </tr><br /> </table>

картинка

<table align="center" height="253" border="0" background="//s48.radikal.ru/i122/0905/02/4909dc88fdd3.gif"><br /> <tr><br /> <td width="240" align="center"><font size="2" color="#ffffff" face="times"><p align="center"><font face="Georgia">картинка<br /> </font></p></font></td><br /> </tr><br /> </table>

Рамка без редактора.




Загружаем картинку.


Добавляем теги и
получаем картинку в рамке

Рамка для картинки

Посмотрите здесь:
<center><table border="20" bgcolor="brown"><caption align="bottom">Рамка для картинки</caption><tr><td><table border="12" bgcolor="brown"><tr><td><img src="//img0.liveinternet.ru/images/attach/c/0//43/235/43235301_uluybnis1.jpg" /></td></tr></table></td></tr></table><p></p></center>

Размер картинки любой -
рамка сама “подгонится”

Вставляйте свою картинку,
поменяв только адрес картинки.
Вот что надо поменять.
<img src="//img0.liveinternet.ru/images/attach/c/0//43/235/43235301_uluybnis1.jpg" />

Вот моя картинка.
Цвет рамки можно менять.

АВСТРАЛИЯ

m.luba-7

Здравствуйте, сегодня я выставлю шаблон вот такой простой рамки вокруг картинки и текста, рамка с заголовком. Я тут на обум написала и поставила первую попавшуюся картинку, чтоб вы имели представление о чем идет речь:ЧИТАТЬ ДАЛЬШЕ Когда ставите свои данные - НЕ должно образовываться лишних пробелов, особенно между ковчками и вашими вставленными данными. Вот и все! Дерзайте. Удачи вам!!!