За прекрасный коллаж спасибо Леночке Краевой.

Рамочки, сделанные по формулам, могут быть самыми разными. Недавно мне встретилась рамочка, в которой был внешний бордюр - узкая окантовка темного цвета, решила разобраться и написать небольшие пояснения. Перед вашим взором простейшая из таких рамочек шириной 680 px с бордюром в 2 px, внутри можно разместить любой текст. Цвет поля под текст можно брать любым, заменив желтый, взятый для примера. Есть ещё 8, которая никак не отражается. Однако, если внутри разместить еще одну такую же рамочку, то следом за бордюром будет полоска шириной 8 px.

Здесь будет ваш текст tomishka

<center><table border="2" background="https://img-fotki.yandex.ru/get/5413/104967700.69/0_76ccb_dae2ab9a_XS.jpg" cellpadding="8" cellspacing="0" width="680"><tr><td style="padding: 8px;"><br /><center><font size="5" color="#664400" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /></font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#664400" face="Monotype Corsiva">tomishka</font></a></div></td></tr></table></center>
Вот такая рамочка представлена ниже. Бордюр темный, а за ним серая полоска шириной 8 px, потом новый бордюр и поле салатного цвета, на котором можно разместить текст. Если мы хотим оставить ширину всей рамочки 680 px, то для внутренней рамочки число 680 надо уменьшить на 20 px ( 2px*2 + 8px*2 ).

Здесь будет ваш текст tomishka

<center><table border="2" background="https://img-fotki.yandex.ru/get/4907/230148220.9/0_d2cf7_31fdbc8f_M.png" cellpadding="8" cellspacing="0" width="680"><tr><td style="padding: 8px;"><table border="2" background="//img-fotki.yandex.ru/get/9554/230148220.2/0_d124b_c1753ed8_M.jpg" cellpadding="8" cellspacing="0" width="660"><tr><td style="padding: 8px;"><br /><center><font size="5" color="#ffffff" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /></font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#ffffff" face="Monotype Corsiva">tomishka</font></a></div></td></tr></table></td></tr></table></center>
Внутри такой рамочки перед текстом можно разместить картинку. Я взяла картинку шириной 584 px, если вы указанные цифры поменяете, то можете разобраться, как они повлияют на вид рамочки.

Здесь будет ваш текст tomishka

<center><table border="2" background="https://img-fotki.yandex.ru/get/4907/230148220.9/0_d2cf7_31fdbc8f_M.png" cellpadding="8" cellspacing="0" width="680"><tr><td style="padding: 8px;"><table border="2" background="//img-fotki.yandex.ru/get/9554/230148220.2/0_d124b_c1753ed8_M.jpg" cellpadding="8" cellspacing="0" width="660"><tr><td style="padding: 8px;"><br /><center><img src="//img1.liveinternet.ru/images/attach/d/2/144/658/144658301_w4.jpg" width="584" /><br /><br /><font size="5" color="#006400" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /></font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#006400" face="Monotype Corsiva">tomishka</font></a></div></td></tr></table></td></tr></table></center>
Картинку и текст тоже можно разместить в рамочках. Такого вида рамочка сделана мною в качестве образца. Обрамление всей рамочки, картинки и текста темно-сиреневого цвета. Поле под текст и картинку я взяла светло-сиреневого цвета, а обе части общей рамочки разместила на цветном фоне. Значит Вам для создания своей рамочки надо найти картинку, запомнить её адрес и найти три фона, подходящих для картинки, сохранив их адреса, и подставить в "скелетик" рамочки. Скелетик рамочки я подогнала под ширину большинства своих рамочек.

Здесь будет ваш текст tomishka

<center><table border="2" background="//img1.liveinternet.ru/images/attach/c/0//46/487/46487575_1247967001_3.jpg" cellpadding="8" cellspacing="0" width="440"><tr><td style="padding: 8px;"><table border="2" background="https://img1.liveinternet.ru/images/attach/c/2//66/734/66734050_435505.jpg" cellpadding="43" cellspacing="0" width="100%"><tr><td style="padding: 43px;"><center><table border="2" background="//img1.liveinternet.ru/images/attach/c/0//46/487/46487575_1247967001_3.jpg" cellpadding="6" cellspacing="6" width="100%"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/c/10/110/295/110295117_94c0f89434db.jpg" cellpadding="15" cellspacing="5" width="100%"><tr><td><div align="center"><img src="//img1.liveinternet.ru/images/attach/d/2/144/635/144635905_v6.jpg" width="540" /></div></td></tr></table></td></tr></table></center><br /><br /><div align="center"><table border="2" background="//img1.liveinternet.ru/images/attach/c/0//46/487/46487575_1247967001_3.jpg" cellpadding="6" cellspacing="6" width="100%"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/c/10/110/295/110295117_94c0f89434db.jpg" cellpadding="35" cellspacing="0" width="100%"><tr><td><div align="center"><br /><center><font size="5" color="#ffffff" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /></font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#ffffff" face="Monotype Corsiva">tomishka</font></a></div></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></center>
Код "скелетика" для рамочки

<center><table border="2" background="АДРЕС ФОНА ОКАНТОВКИ ВСЕЙ РАМОЧКИ" cellpadding="8" cellspacing="0" width="440"><tr><td style="padding: 8px;"><table border="2" background="АДРЕС ШИРОКОГО ФОНА" cellpadding="43" cellspacing="0" width="100%"><tr><td style="padding: 43px;"><center><table border="2" background="АДРЕС ФОНА ОКАНТОВКИ КАРТИНКИ" cellpadding="6" cellspacing="6" width="100%"><tr><td><table border="2" background="АДРЕС ФОНА ПОД КАРТИНКУ" cellpadding="15" cellspacing="5" width="100%"><tr><td><div align="center"><img src="АДРЕС КАРТИНКИ" width="540" /></div></td></tr></table></td></tr></table></center><br /><br /><div align="center"><table border="2" background="АДРЕС ФОНА ОКАНТОВКИ ТЕКСТА" cellpadding="6" cellspacing="6" width="100%"><tr><td><table border="2" background="АДРЕС ФОНА ПОД ТЕКСТ" cellpadding="35" cellspacing="0" width="100%"><tr><td><div align="center"><br /><center><font size="5" color="#ffffff" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /></font></center><div align="center"><a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#ffffff" face="Monotype Corsiva">ИМЯ БЛОГА</font></a></div></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></center>
Удачи всем желающим делать свои рамочки! Дорогу осилит идущий!

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka

Здесь будет ваш текст tomishka