ОБРАЗЦЫ РАМОЧЕК для ТЕКСТА

ОБРАЗЦЫ унифицированных РАМОЧЕК для ТЕКСТА с ПОЯСНЕНИЯМИ и КОДАМИ в "окошках", их особенность заключается в том , что одна и та же ФОРМУЛА может быть использована для основных соцресурсов  Liveinternet.ru,Livejournal.com,Mail.ru и Blogger.com.
ВНИМАНИЕ : в некоторых случаях требуются незначительные корректировки,о чём будет написано в пояснениях.
КОЛЛЕКЦИЯ ПОСТОЯННОЕ ПОПОЛНЯЕТСЯ!

как УВЕЛИЧИТЬ и СОХРАНИТЬ изображение

Некоторые картинки и скриншоты представлены на сайте в уменьшенном формате,как правило в виде ПРЕВЬЮ (уменьшенная до небольших размеров копия изображения для компактного представления пользователю) , для УВЕЛИЧЕНИЯ и КОПИРОВАНИЯ таких ИЗОБРАЖЕНИЙ нужно:

1.установить курсор мышки на картинку и НАЖАТЬ на её ЛЕВУЮ КНОПКУ - изображение увеличится до размера ОРИГИНАЛА;
2.УВЕЛИЧЕННУЮ КАРТИНКУ, если есть желание, можно сохранить на свой компьютер, для этого нужно нажать сначала на ПРАВУЮ кнопку мышки  и в открывшейся таблице выбрать строку "СОХРАНИТЬ изображение как..." и НАЖАТЬ уже на ЛЕВУЮ кнопку мышки...ВСЁ!

рамочка с выступающей справа картинкой

Оригинальная рамочка с выступающей с правого бока картинкой,формула подходит для Liveinternet.ru,Livejournal.com и Blogger.com...на Mail.ru не отображается

ЭТО СКРИН ФОРМУЛЫ РАМКИ,на котором отмечены места замены АДРЕСОВ ФОНОВ и КАРТИНКИ

ВАЖНО: РАЗМЕР КАРТИНКИ в ФОРМУЛЕ НЕ МЕНЯТЬ,ОН ДОЛЖЕН БЫТЬ 550 рх , иначе КАРТИНКА НЕ БУДЕТ ВЫХОДИТЬ за ПРЕДЕЛЫ,а займет место внутри РАМОЧКИ!

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

КОД рамочки подКАТом

образец фотоШОПНОЙ рамочки с КОДом

РАМОЧКА фотоШОПНАЯ составлена на основе правил HTML,хорошо встала на трёх ресурсах Liveinternet.ru,Livejournal.com и Blogger.com , встала везде без искажений и не "ломалась" на границе 1-го и 2-го слоёв.
Но для Mail.ru,к сожалению,это формула не подходит.
ВНИМАНИЕ! ... в КОДЕ РАМОЧКИ даны необходимые пояснения

...АТРИБУТЫ ТЕКСТа ЗАДАНЫ !... ...ШИРИНА пространства для размещения ТЕКСТА задана td width="600" и может меняться по желанию и необходимости... ...внизу можно вставлять МАЯЧОК с адресом...

КОД РАМКИ подКАТОМ

образец фотоШОПНОЙ рамочки

РАМКА "фотоШОПНАЯ",сделана в "РАМОЧНИКЕ",проверена на liveinternet.ru,livejournal.com и blogger.com ,встала везде без искажений и не "ломалась" на границе 1-го и 2-го слоёв.Но для mail.ru к сожалению это формула не подходит

Атрибуты шрифта не заданы,поэтому текст предварительно оформляется по желанию,а потом только "надевается" рамочка

1 КАРТИНКА ЛИНЕЙКА ***Ваш ТЕКСТ или ВИДЕО*** ....ВСТАЛА ОЧЕНЬ и ОЧЕНЬ ДАЖЕ ОК!!!... ...ШИРИНА расположения ТЕКСТА внутри рамки задаётся в td style="padding:Хpx" таким образом,чтобы текст с боков не выходил за пределы места для текста,заданного в самом шаблоне (в данном случае padding:60px)... КАРТИНКА ЛИНЕЙКА ...НИК или Картинка со ссылкой на автора диза...

КОД РАМКИ:

РАМКА в 20 слоёв

РАМКА с максимально возможным количеством слоёв,без корректировок кроме Blogger хорошо встаёт на ЛИру,ЖЖ...на Mail.Ru КОД не отображается

Цени того, кто без тебя не может. И не гонись за тем, кто счастлив без тебя. (с)

КОД РАМКИ подКАТОМ

28 виртуальных ЧАСОВЕН

  уникальная возможность посетить виртуальную ЧАСОВНЮ.
ПРОЕКТ создан прежде всего для людей,не имеющих возможности сходить в церковь самостоятельно

205 образцов цветочных ФОНОВ

ЦВЕТОЧНЫЕ ФОНЫ для ДИЗАЙНА

при желании можно сохранить для себя так,как написано
=> ЗДЕСЬ (нажать-это ссылка)

ПРОВЕРКА функционала сайта

рамочка из цветной окантовки вокруг цветного фона на основе HTML

Особенности этой рамочки заключаются в том,что она :
1.сделана на основе HTML фоны-картинки ни для СЛОЯ-окантовки,ни для СЛОЯ под текст не используются.
Подобрать нужные цветовые решения именно для Вашей рамки можно так,как описано в ПОЯСНЕНИИ по ССЫЛКЕ =>

2.в качестве особого акцента вставляется небольшая картинка,выходящая за пределы контуров рамки.
Перемещается она вверх или вниз за счет колличества ТЕГа br /,чем больше этот показатель,тем выше расположится картинка.

***ЗДЕСЬ пишется ТЕКСТ***

<center><img src="https://img-fotki.yandex.ru/get/6621/180119625.a/0_c1880_48994cb0_S.gif" width="200" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border: 4px ridge #BE2E2B; padding: 6px; width: 88%;"><div style="border: 4px ridge #BE2E2B; padding: 10px; background-color: #E8C9C8;"><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0"></a><font face="Georgia" style="font-size: 19px" color="#663333"><i><b>***ЗДЕСЬ пишется ТЕКСТ***</b></i></font></div></div></center>

рамка 12 СЛОЙНАЯ без АТРИБУТОВ ТЕКСТА

АТРИБУТЫ ТЕКСТА в ФОРМУЛЕ этой РАМОЧКИ не заданы,это значит,что ТЕКСТ будет выглядеть так,как он задан в Блоге,Дневнике или Сайте. ФОРМУЛУ можно применять на Вlogger,ЛИру,ЖЖ...на Майле к сожалению воспроизвести КОД не возможно (требуется серьёзная корректировка!)

...ЗДЕСЬ БУДЕТ ТЕКСТ... Не стоит обижаться на меня... Мол, колкая, ершистая порою... Я женщина! И защищаю я себя... Возможно слишком жёстко, да, не скрою... А что же вы хотите?? Чтобы я, когда вы по щеке, я вам другую?? Покорность - участь не моя... И если нападают - атакую... (с)

<div align="center"><table style="border:2px groove #330000" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px"><table style="border:0px none #000000" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a09c_ef01a839_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:7px"><table style="border:2px groove #330000" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px"><table style="border:0px none #000000" background="https://img-fotki.yandex.ru/get/6700/180119625.4a/0_11010a_af16f3e9_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:30px"><table style="border:0px none #000000" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px"><table style="border:0px none #000000" background="https://img-fotki.yandex.ru/get/5604/180119625.5b/0_11ce01_a6bb54ba_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:12px"><table style="border:2px groove #330000" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px"><table style="border:0px none #000000" background="https://img-fotki.yandex.ru/get/6744/180119625.4a/0_11010c_1ed67040_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px" zzz="zzz" align="center"><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:4px" align="center"><table style="border:0px groove #330000" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px"><table style="border:0px none #000000" height="400" width="550" background="https://img-fotki.yandex.ru/get/5629/180119625.33/0_d1b00_e4b9cfad_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:15px" zzz="zzz" align="center"></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td style="padding:4px" align="center"><table style="border:0px groove #330000" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px"><table style="border:0px none #000000" background="https://img-fotki.yandex.ru/get/6831/180119625.51/0_110553_feb6699e_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:3px"><table style="border:3px none #000000" width="550" background="https://img-fotki.yandex.ru/get/6744/180119625.4a/0_11010c_1ed67040_orig" cellpadding="0" cellspacing="0"><tbody><tr><td style="padding:20px" zzz="zzz" align="center"><div align="center"><img src="https://img-fotki.yandex.ru/get/43572/180119625.8d/0_14c98d_4d9ac861_orig" style="height:51px;width:419px;" height="51" width="419" /></div><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0"></a>...ЗДЕСЬ пишится ТЕКСТ... <br /> <div align="center"><img src="https://img-fotki.yandex.ru/get/43572/180119625.8d/0_14c98d_4d9ac861_orig" style="height:51px;width:419px;" height="51" width="419" /></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><a href="http://gonorata-t.livejournal.com/" target="_blank"><img src="https://img-fotki.yandex.ru/get/6420/180119625.10/0_c3aac_891bba1f_orig.png" width="26" height="9" border="0" /></a></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>

4-х СЛОЙНАЯ рамочка с цветными окантовками ОБРАЗЕЦ №1

ПОЯСНЕНИЕ к ФОРМУЛЕ ЗДЕСЬ(нажать на ССЫЛКУ):

http://gonorata.blogspot.ru/2016/04/4-2.html

Если тебе не нравится то, что ты получаешь, измени то, что ты даёшь. © Карлос Кастанеда blogspot.com

<table style="border:4px solid #ff99ff" background="https://img-fotki.yandex.ru/get/6840/180119625.4f/0_1101f4_a7c03955_orig" cellspacing="0" cellpadding="4"><tr><td style="padding:4px"><table style="border:3px solid #ff99ff" background="https://img-fotki.yandex.ru/get/26767/180119625.80/0_149df8_2f755b5d_orig" cellspacing="0" cellpadding="30"><tr><td style="padding:30px"><table style="border:3px solid #ff99ff" background="https://img-fotki.yandex.ru/get/6840/180119625.4f/0_1101f4_a7c03955_orig" cellspacing="0" cellpadding="3"><tr><td style="padding:3px"><table width="600" height="100" style="border:3px solid #ff99ff" background="https://img-fotki.yandex.ru/get/6744/180119625.4a/0_11010c_1ed67040_orig" cellspacing="20" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><img src="https://img-fotki.yandex.ru/get/57110/180119625.8f/0_14c9cc_dcacf123_L.gif" width="460" height="122" border="0"/><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0"></a><font face="Georgia"><font size="3"><font color="000000"><b><i> ...ЗДЕСЬ пишется ТЕКСТ...</i></b></font></font></font> </td></tr><tr><td style="padding:0px" height="1%" align="center"><center><a target="_blank" href="https://gonorata.blogspot.com/"><marquee px="px" scrollamount="1" scrolldelay="75" width="50"><font face="Georgia"><font size="1"><font color="000000"><b><i>blogspot.com</i></b></font></font></font></marquee></a></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

4-х СЛОЙНАЯ рамочка с цветными окантовками образец №2

...ЗДЕСЬ пишется ТЕКСТ... blogspot.com

<table style="border:4px solid #66cdaa" background="https://img-fotki.yandex.ru/get/6840/180119625.4f/0_1101f4_a7c03955_orig" cellspacing="0" cellpadding="4"><tr><td style="padding:4px"><table style="border:3px solid #ff99ff" background="https://img-fotki.yandex.ru/get/103091/180119625.80/0_149e2c_601e673c_orig" cellspacing="0" cellpadding="40"><tr><td style="padding:40px"><table style="border:3px solid #66cdaa" background="https://img-fotki.yandex.ru/get/6840/180119625.4f/0_1101f4_a7c03955_orig" cellspacing="0" cellpadding="3"><tr><td style="padding:3px"><table width="600" height="100" style="border:3px solid #ff99ff" background="https://img-fotki.yandex.ru/get/6744/180119625.4a/0_11010c_1ed67040_orig" cellspacing="20" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><img src="https://img-fotki.yandex.ru/get/38765/180119625.8e/0_14c9c4_8cea47f7_orig" width="415" height="70" border="0"/><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0"></a><font face="Georgia"><font size="3"><font color="000000"><b><i> ...ЗДЕСЬ пишется ТЕКСТ...</i></b></font></font></font> </td></tr><tr><td style="padding:0px" height="1%" align="center"><center><a target="_blank" href="https://gonorata.blogspot.com/"><marquee px="px" scrollamount="1" scrolldelay="75" width="50"><font face="Georgia"><font size="1"><font color="000000"><b><i>blogspot.com</i></b></font></font></font></marquee></a></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table>
ПОЯСНЕНИЕ:
1.формулу рамочки для оформления текста можно использовать на Blogger,ЛИру,ЖЖ и Mail.ru без дополнительных корректировок,единственный минус заключается в том,что на Mail.ru в рамочке отобразятся только 4 слоя с адресами фонов,а цветных окантовок видно не будет.
2.для того,чтобы в рамочке такой,как ОБРАЗЕЦ №1(нажать на ССЫЛКУ,чтобы посмотреть)
http://gonorata.blogspot.ru/2016/04/4_20.html
изменить цвет окантовок,в формуле нужно поменять 6-ти значный КОД так,как показано на скрине,скопировав КОД подходящего цвета из ЦВЕТОВОЙ ПАЛИТРЫ по этой ссылке:
http://gonorata.blogspot.ru/2013/12/6.html

6-ти слойная РАМКА

ФОРМУЛА РАМКИ ПРЕКРАСНО (без каких-либо корректировок) ПОДХОДИТ для Майла,ЛИру,ЖЖ и БЛОГГЕР

blogspot.ru

<div align="center"><table border="1" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="3"><tr><td width="640"><table border="0" background="https://img-fotki.yandex.ru/get/3001/180119625.5c/0_11ce3d_62bb5770_orig" cellpadding="0" cellspacing="12"><tr><td width="640"><table border="0" background="https://img-fotki.yandex.ru/get/6840/180119625.4f/0_1101f4_a7c03955_orig" cellpadding="0" cellspacing="3"><tr><td width="640"><table border="0" background="https://img-fotki.yandex.ru/get/4118/180119625.27/0_ce14b_590cef90_orig" cellpadding="0" cellspacing="0"><tr><td width="640" height="150"></td></tr></table><table border="0" background="https://img-fotki.yandex.ru/get/26468/180119625.82/0_14a097_15028e7c_orig" cellpadding="0" cellspacing="3"><tr><td><table border="0" background="https://img-fotki.yandex.ru/get/6815/180119625.51/0_110550_1c39a09a_orig" cellpadding="0" cellspacing="8"><tr><td width="640"><center><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0"></a><font size="5" color="#f1ce91" face="Monotype Corsiva"><br />...ЗДЕСЬ можно разместить ТЕКСТ,КАРТИНКУ,ВИДЕО или ВСЁ ВМЕСТЕ...<br /><center><a href="http://gonorata.blogspot.ru/" target="_blank"><span style="font-family:Monotype Corsiva;color:#f1ce91;font-size:12px">blogspot.ru</span> </a></center></font></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

рамка с картинкой,выходящей за её пределы №2

Все, что происходит в нашей жизни — к лучшему. Иногда кажется — тупик, не получилось, не случилось, не сбылось. Оказывается — не тупик, а крутой поворот, не конец жизни, а начало новой.

<div align="left"><table border="0"><tbody><tr><td style="padding: 0px;" width="640"> <img src="https://img-fotki.yandex.ru/get/67184/115352506.181/0_be0e8_7640ca5c_orig" width="260" height="160" border="0" align="right" /><br /><br /><br /><br /><br /> <div style=" background-color:#0F43A4; width:640px; padding: 5px;"><div style=" background-color:#BC3030; padding: 8px;"><div style=" background-color:#D8E4FB; padding: 15px;"><br /><br /> <center><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0"></a><font face="verdana" size="3" color="000000"><b>...здесь пишется ТЕКСТ...<br /><br /> </b></font></center></div></div></div></td></tr></tbody></table></div>

рамка с картинкой,выходящей за её пределы №3

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

<div align="left"><table border="0"><tbody><tr><td style="padding: 0px;" width="640"> <img src="https://img-fotki.yandex.ru/get/97268/180119625.82/0_14a312_78baa50c_orig" width="300" height="281" border="0" align="right" /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <div style=" background-color:#BC3030; width:640px; padding: 12px;"><div style=" background-color:#0F43A4; padding: 7px;"><div style=" background-color:#D8E4FB; padding: 15px;"><br /><br /> <center><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0"></a><font face="verdana" size="3" color="000000"><b>...здесь пишется ТЕКСТ...<br /> </b></font></center></div></div></div></td></tr></tbody></table></div>

рамка с прокруткой для текста

ФОРМУЛА рамки подходит для ЛИру,ЖЖ,к сожалению на Мail.ru не встаёт

.......ЗАГЛАВИЕ....... * * * ...ширина картинки должна быть не больше width="410",тогда рамка будет смотреться красиво... .......текст....... .......текст....... .......текст....... .......текст....... .......текст....... .......текст.......

<table background="http://img-fotki.yandex.ru/get/6434/115352506.14f/0_80542_d8210fc3_XL" width="720" height="600"><tr><td><table width="100%"><tr><div style="background-image: url();border-style:r ; padding:60px 20px 10px 30px; background-repeat:no-repeat;"><center><div style="width: 430px;height: 340px; text-align:c;font: 16px Arial;font-style: italic; color: #000000;padding:0px; overflow:auto;"><center><strong>.......ЗАГЛАВИЕ.......</strong></center><center><a target="_blank" href="http://gonorata-t.livejournal.com/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0" /></a><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/"><img src="http://img-fotki.yandex.ru/get/4416/115352506.7/0_5e6b4_ae4fa62f_XS" width="5" height="5" border="0" /></a> <img src="http://img-fotki.yandex.ru/get/4520/115352506.8/0_5e83c_8911e594_L" width="410" height="У" title=" " alt="картинка шириной не более width=410" border="0" /><br /><a target="_blank" href="http://fotki.yandex.ru/users/o-galanyuk/view/390659/"></a></center><center><p> <span style="font-size:16px;"><span style="font-family: arial,helvetica,sans-serif;"><em><strong> * * * ...ширина картинки должна быть не больше width="410",тогда рамка будет смотреться красиво... .......текст....... .......текст....... .......текст....... .......текст....... .......текст....... .......текст....... </strong></em></span></span></p> <br /></center></div></center></div></tr></table></td></tr></table>