Рамка из картинки
Можно картинку сделать самому в графическом редакторе (Фотошоп, 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="//i017.radikal.ru/1102/3f/712920bb6fdb.jpg" height="190"><tr><td width="505" align=center></td></tr></table><table border="0" background="//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="//s016.radikal.ru/i335/1102/01/274a5d4f7e2b.jpg" cellpadding="0" cellspacing="0" height="175"><tr><td width="510"></td></tr></table>
Я
ставлю ширину не 510, как везде, а 505. То есть, на 5 пикселей уменьшила размер. В каждом случае размер может меняться.
Вот, что мы получили
Можно оставить в таком виде и, если у вас и так сделана красочная катинка, ничего не нужно добавлять.
Но я добавлю сюда ещё контур вокруг нашей рамочки для красоты и не только. Я сделаю это для того, чтобы вы знали, что можно ещё продолжать офомлять нашу рамку.
Первым фоном я поставлю контур. Возьму такой
Адрес его такой
//s55.radikal.ru/i147/1102/df/abca178664e6.jpg
Теперь в начало формулы рамочки я поставлю формулу нового фона, т.е.
<table border="0" background="//s55.radikal.ru/i147/1102/df/abca178664e6.jpg" cellpadding="5" cellspacing="0"><tr><td>
а в самом конце поставлю
</td></tr></table>
Получим формулу
<table border="0" background="//s55.radikal.ru/i147/1102/df/abca178664e6.jpg" cellpadding="5" cellspacing="0"><tr><td><table border="0" background="//i017.radikal.ru/1102/3f/712920bb6fdb.jpg" height="190"><tr><td width="505" align=center></td></tr></table><table border="0" background="//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="//s016.radikal.ru/i335/1102/01/274a5d4f7e2b.jpg" cellpadding="0" cellspacing="0" height="175"><tr><td width="510"></td></tr></table></td></tr></table>
Вот, что у нас получилось
Желаю удачи!
источник