Рамка из картинки

Можно картинку сделать самому в графическом редакторе (Фотошоп, Paint.Net, ...), можно найти на просторах Интернета. Обязательным условием для картинки является наличие свободного пространства между верхней частью рисунка и нижней. Хотя бы несколько миллиметров.

Итак, я нашла вот такую картинку
[показать]

Теперь её нужно разделить на 3 части. Получаем
1. [показать]

2. [показать]

3. [показать]
Длина у всех каринок одинакова - 510px, а высота разная.


Теперь нам нужна формула такой рамочки и она у нас есть.

<div align="center"><table border="0" background="АДРЕС КАРТИНКИ №1" height="Высота картинки №1"><tr><td width="Ширина картинки №1" align=center></td></tr></table><table border="0" background="АДРЕС КАРТИНКИ №2" cellpadding="0" cellspacing="0" height="Высота картинки №2"><tr><td width="Ширина картинки №2"><center><font color="#f5e9d3" size="4" face="arial"><b>
ТЕКСТ

</b></font></center></td></tr></table><table border="0" background="АДРЕС КАРТИНКИ №3" cellpadding="0" cellspacing="0" height="Высота картинки №3"><tr><td width="Ширина картинки №3"></td></tr></table></div>

Подставляем адреса наших картинок. Где брать адреса, мы уже знаем (ссылка №1 в Радикале).
Выставляем размеры ширины и высоты картинок.
Обычно ширину первой картинки приходится уменьшать немного подбором, это вы можете посмотреть в этой готовой формуле.
<table border="0" background="http://i017.radikal.ru/1102/3f/712920bb6fdb.jpg" height="190"><tr><td width="505" align=center></td></tr></table><table border="0" background="http://i054.radikal.ru/1102/a0/1f7acd86f70d.jpg" cellpadding="0" cellspacing="0" height="10"><tr><td width="510"><center><font color="#f5e9d3" size="4" face="arial"><b>
ТЕКСТ

</b></font></center></td></tr></table><table border="0" background="http://s016.radikal.ru/i335/1102/01/274a5d4f7e2b.jpg" cellpadding="0" cellspacing="0" height="175"><tr><td width="510"></td></tr></table>
Я ставлю ширину не 510, как везде, а 505. То есть, на 5 пикселей уменьшила размер. В каждом случае размер может меняться.

Вот, что мы получили


Можно оставить в таком виде и, если у вас и так сделана красочная катинка, ничего не нужно добавлять.

Но я добавлю сюда ещё контур вокруг нашей рамочки для красоты и не только. Я сделаю это для того, чтобы вы знали, что можно ещё продолжать офомлять нашу рамку.

Первым фоном я поставлю контур. Возьму такой

Адрес его такой
http://s55.radikal.ru/i147/1102/df/abca178664e6.jpg

Теперь в начало формулы рамочки я поставлю формулу нового фона, т.е.
<table border="0" background="http://s55.radikal.ru/i147/1102/df/abca178664e6.jpg" cellpadding="5" cellspacing="0"><tr><td>

а в самом конце поставлю </td></tr></table>

Получим формулу
<table border="0" background="http://s55.radikal.ru/i147/1102/df/abca178664e6.jpg" cellpadding="5" cellspacing="0"><tr><td><table border="0" background="http://i017.radikal.ru/1102/3f/712920bb6fdb.jpg" height="190"><tr><td width="505" align=center></td></tr></table><table border="0" background="http://i054.radikal.ru/1102/a0/1f7acd86f70d.jpg" cellpadding="0" cellspacing="0" height="10"><tr><td width="510"><center><font color="#f5e9d3" size="4" face="arial"><b>
ТЕКСТ

</b></font></center></td></tr></table><table border="0" background="http://s016.radikal.ru/i335/1102/01/274a5d4f7e2b.jpg" cellpadding="0" cellspacing="0" height="175"><tr><td width="510"></td></tr></table></td></tr></table>

Вот, что у нас получилось

ТЕКСТ

Желаю удачи!
источник