Простые объемные рамочки


<center><table style="background-image: url('АДРЕС ФОНА РАМКИ'); border: 4px double #; box-shadow: 0px 0px 30px #000000;" cellspacing="0" cellpadding="0" width="750"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#КОД ЦВЕТА ТЕКСТА;font-size:20px">Здесь будет ваш текст</span></center></td></tr></table></center>
Стиль рамки в скелетике указан в виде двойной сплошной линии (double ), но после # ничего не стоит, значит стиль по сути отсутствует. Как только после # мы поставим код цвета, так появится линия, соответствующая указанному стилю. Стиль рамки может иметь следующие значения:
- solid(сплошная линия);- dotted (точечная);- dashed (пунктирная);- double (двойная сплошная линия);- groove (вдавленная); - ridge (выпуклая);- inset (весь блок вдавленный); - outset (весь блок выпуклый).
В коде рамочки предусмотрена тень ( #000000 ), которая придает рамочке объем, но ее можно убрать, удалив нули, или заменить другим цветом. Все рамочки сделаны по приведенному скелетику.

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

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

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

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

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

Учимся делать рамочку по предложенной формуле

Перед вами две рамочки, выполненные по довольно простой формуле. Сейчас я попытаюсь рассказать, как каждый из вас может научиться делать такие рамочки.



<div align="center"><table border="2" background="//s019.radikal.ru/i604/1706/7a/458f5bcab96b.jpg" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="https://img-fotki.yandex.ru/get/194858/50114850.7fb/0_11fcfe_9c27de7b_S.jpg" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="//s019.radikal.ru/i604/1706/7a/458f5bcab96b.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="https://img-fotki.yandex.ru/get/9825/198571148.33e/0_181432_afbf1701_orig" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="//img1.liveinternet.ru/images/attach/d/1/131/543/131543885_4059776_Tri_Starca__Nesterov.jpg" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="//s019.radikal.ru/i604/1706/7a/458f5bcab96b.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="https://img-fotki.yandex.ru/get/9825/198571148.33e/0_181432_afbf1701_orig" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#fafec8" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/tomishka/"><font size="1" color="#fafec8" face="Monotype Corsiva">tomishka</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

<div align="center"><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="//img0.liveinternet.ru/images/attach/d/1/134/202/134202480_1__95_.jpg" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="https://img-fotki.yandex.ru/get/57551/39663434.af7/0_c5605_80395121_orig" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="//img-fotki.yandex.ru/get/4510/32130860.a2/0_90562_6dd1d8dd_XL.jpg" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="https://img-fotki.yandex.ru/get/57551/39663434.af7/0_c5605_80395121_orig" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#ffffff" face="Monotype Corsiva"> Здесь будет ваш текст<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></div></td></tr></table></div></td></tr></table></td></tr></table></div>

Код для рамочки

<div align="center"><table border="2" background="ОБВОДКА РАМОЧКИ" cellpadding="6" cellspacing="0" width="700"><tr><td style="padding: 6px;"><table border="2" background="ФОН РАМОЧКИ" cellpadding="50" cellspacing="0" width="100%"><tr><td style="padding: 50px;"><center><table border="2" background="ОБВОДКА КАРТИНКИ" cellpadding="6" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН ПОД КАРТИНКУ" cellpadding="15" cellspacing="0" width="100%"><tr><td><div align="center"><img src="КАРТИНКА" width="550" /></div></td></tr></table></td></tr></table></center><br /><div align="center"><table border="2" background="ОБВОДКА ТЕКСТА" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="ФОН ПОД ТЕКСТ" cellpadding="35" cellspacing="0" width="100%"><tr><td><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /> </font></center><div align="center"><a target="_blank" href="ССЫЛКА НА БЛОГ"><font size="1" color="#000000" face="Monotype Corsiva">ИМЯ БЛОГЕРА</font> </a></div></td></tr></table></div></td></tr></table></div></td></tr></table></td></tr></table></div>

Просмотрим код-шаблон в окошке вверху и попытаемся разобраться с ним. В коде есть три обводки: ОБВОДКА РАМОЧКИ, ОБВОДКА КАРТИНКИ И ОБВОДКА ДЛЯ ТЕКСТА, можно все обводки сделать одинаковыми и тогда адрес будет один и тот же для трех мест. Есть два фона: ФОН ПОД КАРТИНКУ и ФОН ПОД ТЕКСТ, их тоже можно сделать одинаковыми, надо только подобрать фон, который бы подходил к картинке. Наконец, есть ФОН РАМОЧКИ, что-то подобное багетной рамочке, внутри которой расположена картинка и текст. Этот фон желательно взять не однотонным, но гармонирующим с остальными фонами, чтобы рамочка смотрелась красиво. Выбранная для рамочки картинка, должна быть по ширине не менее 550 px, можно взять картинку и меньшего размера, но рамочка в этом случае будет выглядеть чуть хуже. ССЫЛКА НА БЛОГ и ИМЯ БЛОГЕРА также надо заменить на свои собственные. Все замены надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. Текст и имя блогера будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой. Немного разобрались с тем, что собой представляет код рамочки, теперь попытаемся разобраться с тем, как этим кодом воспользоваться, если мы нашли картинку и подобрали три подходящих фона. Чтобы сделать рамочку по предложенному "скелетику", надо:
1. скопировать код из окошечка
2. перейти к дневнику и кликнуть на *НОВАЯ ЗАПИСЬ* (в левом верхнем углу странички своего дневника)
3. когда откроется ПРОСТОЙ РЕДАКТОР, кликнуть на *ПЕРЕЙТИ К ПОЛНОЙ ФОРМЕ* (в правом верхнем углу странички)
4. когда откроется текстовый редактор (но только полный), в большое белое текстовое поле вставить код рамочки
5. кликнуть на "ПРЕДПРОСМОТР" и посмотреть, что мы получили (пока практически только контуры рамочки )
6. кликнуть на "РЕДАКТИРОВАТЬ" и аккуратно занести все, что требуется для замены текстов
7. найти внизу страницы "СОХРАНИТЬ ИЗМЕНЕНИЯ" и, кликнув, просмотреть, что получили
8. убедившись в том, что мы с работой справились, нажать "ОПУБЛИКОВАТЬ"

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!

Дополнение к уроку " Рамка с разрывом."

Опять по просьбе сделала добавление к уроку.
Если нужно поменять цвет и размер обводки
Урок рамки с разрывом
................................

ТЕКСТ источник mimozochka

....................................

Вот эти теги кроме последнего fieldset.
Поставьте их как на скрине .Когда процитируете увидите теги.

.......................................
Это код рамочки с разрывом той,что выше
<center><table border="0" background="//img-fotki.yandex.ru/get/9505/230052382.80/0_100104_a21d1f19_S.jpg" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="0B4B0C"><font size="5"><font face="Monotype Corsiva"><fieldset style=" border:7px #0B4B0C solid; padding: 10px; margin:0px 0px 0px 0px;"><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" border="0" /></legend><br /> <center>ТЕКСТ<br /> <a href="https://www.liveinternet.ru/users/5331901/post401771665/"><b><img src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" /><br /></b></a><br /> <a href="http://2photo.ru/ru/post/25805" target="_blank"><font size="1"><font color="0B4B0C">источник</font></font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/users/3370207/blog/"><font color="0B4B0C"><font size="+1">mimozochka</font></font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table></center>

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

ВАШ текст   Валентина

формула рамочки:

<center><table style="border:4px inset #цвет бортика" background="фон как под текст" cellspacing="0" cellpadding="0"><tr><td style="padding:8px"><table style="border:4px inset #цвет бортика" background="фон ак под текст" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:4px inset #цвет бортика" background="фон ажур" cellspacing="0" cellpadding="0"><tr><td style="padding:25px;box-shadow: inset 0px 0px 25px #000000; "><table width="500" style="border:4px inset #цвет бортика" background="фон как под текст" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#цвет текста;font-size:22px;text-shadow: 1px 0px 1px #000000;">ВАШ текст<center><span style="font-family:Georgia;color:#336633;font-size:1px"><center><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" data-cke-saved-href="ссылка на блог" href="ссылка на блог"><span style="font-family;color:#999999;font-size:10px">ваш ник</span></a></td></tr></center></span></center></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></center>

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

ВАШ текст в прокрутке

ПОдпись

<center><table width="550" height="250" style="border:0px;box-shadow: inset 0px 0px 20px #000000;" background="ФОН" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#Цвет текста;font-size:22px;text-shadow:1px 1px 1px #000000;"><div style="overflow-y: scroll; width: 550px; height: 250px;"><br /> ВАШ текст в прокрутке<center></center></div></span><tr><td style="padding:0px" height="1%" align="right"><a target="_blank" href="ССылка на блог"><img src="Звездочка" /></a><span style="font-family;color:#999999;font-size:7px">ПОдпись</span></td></tr></td></tr></table></center>

Рамочка + формула.

 

ФОРМУЛА РАМОЧКИ               :<div align="center"><table border="2" background="ФОН обводка -1" cellpadding="6" cellspacing="0" width="Ширина рамочки"><tr><td style="padding: 6px;"><table border="2" background="Фон цветочный" cellpadding="30" cellspacing="0" width="100%"><tr><td style="padding: 30px;"><center><table border="2" background="ФОН обводка -1" cellpadding="4" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН однотонный -1" cellpadding="10" cellspacing="0" width="100%"><tr><td><div align="center">КАРТИНКА</div></td></tr></table></td></tr></table></center><br /><br /><br /> <div align="center"><table border="2" background="Фон обводка -1" cellpadding="4" cellspacing="0" width="100%"><tr><td><table border="2" background="Фон однотонный -1" cellpadding="6" cellspacing="0" width="100%"><tr><td><div align="center"><table border="2" background="Фон обводка -1" cellpadding="4" cellspacing="0" width="100%"><tr><td><table border="2" background="ФОН однотонный -1 для текста" cellpadding="30" cellspacing="0" width="100%"><tr><td><font size="5"><font color="#Цвет текста"><font face="Palatino Linotype"><div align="center">РАЗДЕЛИТЕЛЬ<br /><br /> <div align="center">ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ…<br /><br /><br /> <div align="center">РАЗДЕЛИТЕЛЬ</div></div></div></font></font></font><font size="3"><font color="#Цвет текста"><font face="Palatino Linotype"><div align="center"><a target="_blank" data-cke-saved-href="АДРЕС БЛОГА" href="АДРЕС БЛОГА">Здесь ставим ИМЯ</a></div></font></font></font></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div></td></tr></table></td></tr></table></div>

Набор простых рамочек+формула

Серия сообщений "***МОИ РАМКИ+код":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 10 - Простая объемная рамочка =КОД
Часть 11 - Простые рамочки для записи...+формула
Часть 12 - Набор простых рамочек+формула
Часть 13 - 10 прозрачных рамочек с обводкой+код
Часть 14 - 10 простых рамочек с прокруткой+КОД
...
Часть 37 - КАРТИНКА-РАМОЧКА с прокруткой+КОД
Часть 38 - КАРТИНКА-РАМОЧКА с прокруткой(без фона записи)+КОД
Часть 39 - РАМОЧКА с плывушим текстом+КОД

прозрачная рамка с прокруткой

Ваш текст

 

<center> <table background="https://img-fotki.yandex.ru/get/45190/42965840.13f/0_b69e7_1ae5531c_orig.png" border="0" cellpadding="0" cellspacing="0" height="76" width="700"> <tbody> <tr> <td>  </td> </tr> </tbody> </table> <table background="https://img-fotki.yandex.ru/get/3512/42965840.13f/0_b69e8_dd9911ab_orig.png" border="0" cellpadding="0" cellspacing="0" height="257" width="700"> <tbody> <tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="600"> <center> <div style="overflow-y: scroll; width: 500px; height: 200px;"> <span style="color:#000000;"><span style="font-size:18px;">Ваш текст</span></span></div> </center> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table background="https://img-fotki.yandex.ru/get/6305/42965840.13f/0_b69e9_2829d573_orig.png" border="0" cellpadding="0" cellspacing="0" height="78" width="700"> <tbody> <tr> <td> <center>  </center> </td> </tr> </tbody> </table> </center> <p>

вариант рамочек для поздравлений

***Здесь пишите свой текст***

<center><img src="https://img-fotki.yandex.ru/get/6616/23869276.99/0_95f5a_6b8c6860_XL.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border:2px inset #000099;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5308/120937872.fc/0_ae3a1_a4d19f17_XS.png');width:85%;box-shadow: inset 0px 0px 25px #000000;"><img src="https://img-fotki.yandex.ru/get/6515/23869276.99/0_95f59_be8a1ece_XL.png" width="200" height="" border="0" align="right" /><div style="border:2px dashed #000099;border-radius:10px;padding:10px;background-image:url('***фон-2***');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:6px double #000099;border-radius:10px;padding:10px;background-image:url('***фон-3 для текста***');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="***шрифт***"> <text size="5"><font size="+1"><font color="#***цветШрифта***">***Здесь пишите свой текст***</font></font></text> </font><br /><br /></center></div></center></div></div></center>

А. Барто - Не одна

Не одна
Мы не ели, мы не пили,
Бабу снежную лепили.

В. Степанов - Зимние качели

Взобрался снеговик
На зимние качели,
И в тот же самый миг
Качели - полетели.

Они снеговика
Помчали, как в ракете,
Туда, где облака
Качает в небе ветер.

Задрав морковный нос,
Смотрел он удивлённо
На свет волшебных звёзд,
То синих, то зелёных.

Внизу каток блестел,
Темнели чьи-то крыши,
А снеговик летел
Всё выше, выше, выше

И так себе сказал,
Взяв звёздочку на память:
"Я в сказке побывал,
Теперь не страшно таять..."

<center><img src="https://img-fotki.yandex.ru/get/6616/23869276.99/0_95f5a_6b8c6860_XL.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border:2px inset #000099;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5308/120937872.fc/0_ae3a1_a4d19f17_XS.png');width:85%;box-shadow: inset 0px 0px 25px #000000;"><img src="https://img-fotki.yandex.ru/get/6515/23869276.99/0_95f59_be8a1ece_XL.png" width="200" height="" border="0" align="right" /><div style="border:2px dashed #000099;border-radius:10px;padding:10px;background-image:url('***фон-2***');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:6px double #000099;border-radius:10px;padding:10px;background-image:url('***фон-3 для текста***');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="***шрифт***"> <text size="5"><font size="+1"><font color="#***цветШрифта***"><marquee style="background:#***; padding:10px; border-right: #****** 3px dotted; border-top:#0000cc 3px dotted; border-left: #****** 3px dotted; border-bottom:#0000cc 3px dotted;" scrollamount="1" scrolldelay="60" direction="up" width="280" height="120"><div align="center"><div style=" font-weight: bold; text-align: center; color: #F0F0F0; font-family: Garamond, serif; font-size: 20.0px; line-height: 140%; text-shadow: 2.0px 1.0px 1.0px #0F3B87, -2.0px 1.0px 1.0px #333333, 2.0px -1.0px 7.0px #333333;">В. Степанов - Зимние качели</div><br /> <br /> Взобрался снеговик<br /> На зимние качели,<br /> И в тот же самый миг<br /> Качели - полетели.<br /> <br /> Они снеговика<br /> Помчали, как в ракете,<br /> Туда, где облака<br /> Качает в небе ветер.<br /> <br /> Задрав морковный нос,<br /> Смотрел он удивлённо<br /> На свет волшебных звёзд,<br /> То синих, то зелёных.<br /> <br /> Внизу каток блестел,<br /> Темнели чьи-то крыши,<br /> А снеговик летел<br /> Всё выше, выше, выше<br /> <br /> И так себе сказал,<br /> Взяв звёздочку на память:<br /> "Я в сказке побывал,<br /> Теперь не страшно таять..."</div><br /></marquee></font></font></text></font> <br /><br /></center></div></center></div></div></center>

Бабу снежную слепили
Мы с друзьями во дворе
И с трудом установили
Возле дома на горе.
Вместо носа - с ёлки шишка,
Углем сделали глаза,
Красный бантик ей малышка
Закрепила в волосах.
Волосы - охапка сена,
Вместо рук - сучки с земли.
Платье ей надела Лена,
Даже шаль мы ей нашли.
Встала баба к дому задом,
Руки в боки, взгляд поник.
Отчего она не рада?!
Срочно нужен снеговик!
Вмиг работа закипела,
Катим ком большой снежка.
Быстро справились мы с делом,
Вылепив снеговика.
Баба радуется наша,
Друг теперь нашёлся ей,
И поёт она, и пляшет -
Стало вместе веселей!
И. Зимина

<center><img src="https://img-fotki.yandex.ru/get/6616/23869276.99/0_95f5a_6b8c6860_XL.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border:2px inset #000099;border-radius:10px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/5308/120937872.fc/0_ae3a1_a4d19f17_XS.png');width:85%;box-shadow: inset 0px 0px 25px #000000;"><img src="https://img-fotki.yandex.ru/get/6515/23869276.99/0_95f59_be8a1ece_XL.png" width="200" height="" border="0" align="right" /><div style="border:2px dashed #000099;border-radius:10px;padding:10px;background-image:url('***фон-2***');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:6px double #000099;border-radius:10px;padding:10px;background-image:url('***фон-3 для текста***');width:90%;box-shadow: inset 5px 5px 35px #000000;"><center><br /><font face="***шрифт***"> <text size="5"><font size="+1"><font color="#***цветШрифта***"><div style="height:120px;overflow:auto;padding:8px;">Бабу снежную слепили<br /> Мы с друзьями во дворе<br /> И с трудом установили<br /> Возле дома на горе.<br /> Вместо носа - с ёлки шишка,<br /> Углем сделали глаза,<br /> Красный бантик ей малышка<br /> Закрепила в волосах.<br /> Волосы - охапка сена,<br /> Вместо рук - сучки с земли.<br /> Платье ей надела Лена,<br /> Даже шаль мы ей нашли.<br /> Встала баба к дому задом,<br /> Руки в боки, взгляд поник.<br /> Отчего она не рада?!<br /> Срочно нужен снеговик!<br /> Вмиг работа закипела,<br /> Катим ком большой снежка.<br /> Быстро справились мы с делом,<br /> Вылепив снеговика.<br /> Баба радуется наша,<br /> Друг теперь нашёлся ей,<br /> И поёт она, и пляшет -<br /> Стало вместе веселей!<br /> И. Зимина</div></font></font></text> </font><br /><br /></center></div></center></div></div></center>

Формула для рамок

Ваш текст



Ваша кликабельная подпись

Ваш текст

Ваша подпись

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

Формула для рамочек от Оли

ВАШ Текст Ваш ник

Рамка в ОДИН слой.

Это простая,но оригинальная рамка состоит всего из одного слоя. Нужно только подобрать необычный фон для неё. Делаем рамку,на свой вкус, так: Если через Я.ру. Заходим и выбираем картинку-фон. НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 600px;ШИРИНА картинки HEIGHT: 300px"ВЫСОТА... Затем находим надпись— Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем. Вставляете эту ССЫЛКУ. ЗДЕСЬ далее... SvetlanaT

КОД "СКЕЛЕТИКА"рамки.
<left><table style="WIDTH: 600px; HEIGHT: 300px" cellspacing="18" cellpadding="3" width="600" align="left" border="3" background="КАРТИНКА ФОН"><tbody><tr><td> <font size="4" color="#000000" face="Monotype Corsiva"><b><p align="center"><br /><br />ВАШ ТЕКСТ </p></b><br /> <center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#cdbe70">ВАШ НИК</font></b></font></a></center></font></td></tr><br /></tbody></table><center></center></left>

Формула для рамочек от Оли

ВАШ Текст Ваш ник

Формула рамки