Рамочки для текста и стихов в стиле "Старая тетрадь"

Рамочки в длину безразмерные , в ширину ограничены до 600 пикселей..Т.е. картинки не больше 600 пикселей..А текст хоть какой, он не будут ложится на бордюр..
Текст в рамочках сейчас по центру, но если вам нужен простой текст слева-направо, то копируйте код в окошечке <div align="left">ВАШ ТЕКСТ</div> и вставьте его перед вашим текстом.
Есть вопросы? ))) задавайте в комментариях.
Приятного творчества.

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

<center><table style="background-image: url('https://img-fotki.yandex.ru/get/251308/112265771.b8e/0_d80c5_94f2d885_XL.jpg'); box-shadow: 0px 0px 10px #000000;border-radius: 0px 25px 25px 0px; -moz-border-radius: 0px 25px 25px 0px; -webkit-border-radius: 0px 25px 25px 0px; " cellspacing="0" cellpadding="0" width="720"><tr><td style="padding:0px" zzz="zzz" align=""><div style="float:right; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-right: 0px; "><table style="background-image: url(''); border-radius: 30px;" cellspacing="0" cellpadding="0" width="630"><tr><td style="padding:10px" zzz="zzz" align="center"><fieldset style="width:px; border:2px #A89165 solid; padding:20px; border-radius: 30px;"><span style="font-family:arial;color:#E7D3A9;font-size:20px;text-shadow: -4px -4px 4px #4F4B45;"><br /> ...Здесь будет ваш текст...<br /> <div align="center"><img src="//img0.liveinternet.ru/images/attach/d/1/134/312/134312406_4mafru_pisec_20170309_023548_58c092324a138.png" width="257" height="45" alt="4maf.ru_pisec_2017.03.09_02-35-48_58c092324a138 (257x45, 23Kb)" /><br /> </div></span></fieldset></td></tr></table><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/schamada/" title="Schamada (ник не убирать)"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a> </div></div></td></tr></table></center>

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

<center><table style="background-image: url('https://img-fotki.yandex.ru/get/98619/112265771.b8e/0_d80c6_745aeb2a_-4-XL.jpg'); box-shadow: 0px 0px 10px #000000;border-radius: 0px 25px 25px 0px; -moz-border-radius: 0px 25px 25px 0px; -webkit-border-radius: 0px 25px 25px 0px; " cellspacing="0" cellpadding="0" width="720"><tr><td style="padding:0px" zzz="zzz" align=""><div style="float:right; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-right: 0px; "><table style="background-image: url(''); border-radius: 30px;" cellspacing="0" cellpadding="0" width="625"><tr><td style="padding:10px" zzz="zzz" align="center"><fieldset style="width:px; border:2px #A89165 solid; padding:20px; border-radius: 30px;"><span style="font-family:arial;color:#E7D3A9;font-size:20px;text-shadow: -2px -2px 2px #4F4B45;"><br /> ...Здесь будет ваш текст...<br /> <div align="center"><img src="//img0.liveinternet.ru/images/attach/d/1/134/315/134315212_4mafru_pisec_20170309_102250_58c092324a138.png" width="267" height="64" alt="4maf.ru_pisec_2017.03.09_10-22-50_58c092324a138 (267x64, 31Kb)" /><br /> </div></span></fieldset></td></tr></table><div align="center"><a target="_blank" href="//www.liveinternet.ru/users/schamada/" title="Schamada (ник не убирать)"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a> </div></div></td></tr></table></center>

Рамочки для стихов.

Идея создания рамочек принадлежит нашей любимой Ниночке Arnusha Может со мной кто-то и не согласится, но рамочки с бордюрами я увидела только у неё..И ВСЁ!!! Я в них влюбилась...
Долго же я с ними сидела..Надо же чтобы текст не ложился на бордюры и чтобы красиво было..Добила!!! Правда картинки не должны превышать(ПОКА) 530 пикселей..Выше будут искажать саму рамочку и она потеряет свою миниатюрность.. Но я работаю на тем, чтобы сделать их более объёмной.хотя бы до 700 пикселей...
Приятного творчества, мои дорогие. Спасибо тем, кто помогал советами.

***ВАШ ТЕКСТ ваш текст***

<center><table style="width: 700px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="//img1.liveinternet.ru/images/attach/d/1/134/167/134167473_333.JPG" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/1/134/167/134167636_8888.jpg'); " cellspacing="0" cellpadding="0" width="530"><tr><td style="padding: 0px" zzz="zzz" align=""><center><span style="font-family:Arial;color:#D4D092;font-size:18px;"><br /> ***ВАШ ТЕКСТ ваш текст***<br /> <a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/d/1/133/400/133400099_0_9c78b_b08106dc_S.gif" width="15" height="17" alt="0_9c78b_b08106dc_S (15x17, 0Kb)" /></a></span></center></td></tr></table></center></td></tr></table></center><center></center>

***ВАШ ТЕКСТ ваш текст***

<center><table style="width: 700px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="//img1.liveinternet.ru/images/attach/d/1/134/167/134167867_88188.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><center><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/1/134/167/134167911_565.JPG'); " cellspacing="0" cellpadding="0" width="530"><tr><td style="padding: 0px" zzz="zzz" align=""><center><span style="font-family:Arial;color:#000E03;font-size:18px;"><br /> ***ВАШ ТЕКСТ ваш текст***<br /> <a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/d/1/133/400/133400099_0_9c78b_b08106dc_S.gif" width="15" height="17" alt="0_9c78b_b08106dc_S (15x17, 0Kb)" /></a></span></center></td></tr></table></center></td></tr></table></center><center></center>

Рамочки для ваших цитат, афоризм, мыслей в слух и т.д.

Дорогие мои, сегодня я сделала рамочки для афоризм,цитат, высказываний, мыслей в слух и т.д...Как Вы видите в рамочке есть окошко для вашей фотографии, если это ваша цитата или просто для картинки..Фотография не должна превышать размер окошка т.е. 150 пикс.на 150 пикс.Ниже я напишу объяснение как ими пользоваться.

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

А можно и так:

Нежна, таинственна, чиста. Играет лепестками ветер. Вот так никто и не заметит, Как умирает красота.

9 простых рамочек для текста.

Маленькая картинка или заглавие поста. ***ВАШ текст***

<center><table style="background-image: url('//img0.liveinternet.ru/images/attach/d/1/131/787/131787526_gwf3526_16.jpg'); border: 3px dotted #; border-radius: 8px; box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0" width="750"><tr><td style="padding:0px" zzz="zzz" align=""><center><fieldset style=" border:4px #541007 dotted; border-radius: 8px; padding:12px; margin:0px 0px 0px 0px;"><center><fieldset style="border:4px #541007 double; border-radius: 8px;"><legend><font color=""><span style="font-family:Monotype Corsiva;color:#541007;font-size:28px;">Маленькая картинка или заглавие поста.</span></font></legend><span style="font-family:arial;color:#541007;font-size:20px"><br /> ***ВАШ текст***<br /> <a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a></span></fieldset></center></fieldset></center></td></tr></table></center><center></center>

Маленькая картинка или заглавие поста. ***ВАШ текст***

<center><table style="background-image: url('//img1.liveinternet.ru/images/attach/d/1/131/787/131787907_gwf3526_15.jpg'); border: 3px dotted #; border-radius: 8px; box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0" width="750"><tr><td style="padding:0px" zzz="zzz" align=""><center><fieldset style=" border:4px #0B0C19 dotted; border-radius: 8px; padding:12px; margin:0px 0px 0px 0px;"><center><fieldset style="border:4px #0B0C19 double; border-radius: 8px;"><legend><font color=""><span style="font-family:Monotype Corsiva;color:#0B0C19;font-size:28px;">Маленькая картинка или заглавие поста.</span></font></legend><span style="font-family:arial;color:#0B0C19;font-size:20px"><br /> ***ВАШ текст***<br /> <a target="_blank" href="//www.liveinternet.ru/users/schamada/"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a></span></fieldset></center></fieldset></center></td></tr></table></center><center></center>

Рамочки для записей и картинок с прокруткой.

***ВАШ ТЕКСТ *** Чтобы рамочка была в длину больше,поменяйте в коде цифру 300 на 500 или 600

<center><table style="width: 750px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 5px, inset rgba(252,255,255,.5) 0 4px 7px, -7px 18px 36px -20px #000000;" background="//img0.liveinternet.ru/images/attach/c/11/127/898/127898234_120007full.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding: 20px"><fieldset style=" border:1px #271908 dashed;border-radius: 180px 0px 0px 0px; box-shadow: inset 1px 1px 10px #000000; padding:6px; margin:0px 0px 0px 0px;"><center><span style=";font-family:Monotype Corsiva;font-size:24px;color:#271908;"><div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 30px; overflow: auto"><br /> ***ВАШ ТЕКСТ ***<br /> Чтобы рамочка была в длину<br /> больше,поменяйте в <br /> коде цифру 300 на 500 или 600<br /> <br /> <br /> <br /> <br /> <a target="_blank" href="//www.liveinternet.ru/users/schamada/" title="Schamada ( ник не стирать)"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a></div></span></center></fieldset></td></tr></table></center>

Учимся делать рамки. Урок 2.

Серия сообщений "рамки":

Часть 1 - Рамка для молитвы
Часть 2 - Рамка к Пасхе. Грядущие праздники.
...
Часть 8 - Учимся делать рамочки
Часть 9 - Музыкальный альбом Горячий шоколад
Часть 10 - Учимся делать рамки. Урок 2.

составляющие ФОРМУЛЫ простой рамочки для записей

 ДОРОГИЕ МОИ! в этом постике я сделала для себя на всякий случай ШПАРГАЛКУ о формуле,на основе которой создаются самые простые рамочки,возможно,и Вам пригодятся.
Эти рамочки легкие , ненавязчивые , выдержанные в одном стиле,но позволяют сделать запись аккуратной , а сам Дневник более нарядным без особых усилий...все изменения дизайна этой формулы лучше осуществлять в ПРОСТОМ (HTML) РЕДАКТОРЕ ЛИру...выглядит он вот так

Читать далее

Прозрачная рамочка с прокруткой (по просьбам)

 

Код рамочки:

Набор рамочек с разрывом (можно вставлять фон)

Рамочка с внешней тенью

***Картинка в разрыве*** ***Здесь будет Ваш текст***

<center><table style="background-image: url('***Фон -1***'); border: 7px double #FFFFFF; padding: 5px; box-shadow: 0px 0px 20px #000000;" width="700"><tr><td style="padding:30px"><fieldset style="border: 7px double #FFFFFF; padding: 5px; background-image:url('***фон-2***'); box-shadow: 0px 0px 20px #000000;"><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#ffffff;"><center>***Здесь будет Ваш текст***</center><br /> </span></center></fieldset></td></tr></table></center>

Рамочка без тени

***Картинка в разрыве*** ***Здесь будет Ваш текст***

<center><table style="background-image: url('***Фон -1***');border: 7px double #FFFFFF; padding: 5px; " width="700"><tr><td style="padding:30px"><fieldset style="border: 7px double #FFFFFF; padding: 5px; background-image:url('***фон-2***'); "><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#ffffff;"><center>***Здесь будет Ваш текст***</center><br /> </span></center></fieldset></td></tr></table></center>

Рамочка с внутренней тенью

***Картинка в разрыве***

***Здесь будет Ваш текст***

<center><div style="border:7px double #000066;border-radius:5px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/4/120937872.166/0_b3ab5_e3245b27_S.jpg');width:75%;box-shadow: inset 0px 0px 35px #000000;"><fieldset style="border: 7px double #000066; padding: 5px; background-image:url('***фон-2***'); box-shadow: 0px 0px 20px #000000;"><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#000000;"><center>***Здесь будет Ваш текст***</center><br /> </span></center></fieldset></div></center>

Рамочки от Schamada для текста и стихов.

Сегодня рамочки для Вашей фантазии.. Сейчас вы видите то, что можно сделать с одним и тем же кодом рамочки.На ваше усмотрение и ваш вкус можно поменять вид рамочки.Ниже , вы увидите как можно это сделать.. Старайтесь менять только цифры, если уберёте хоть одну букву, у вас не получится.Приятного творчества,дорогие друзья.

***ВАШ ТЕКСТ ***

<center><table style="width: 700px;border-radius: 0px 40px 0px 40px; box-shadow: inset rgba(0,0,0,.5) 0 -4px 20px, inset rgba(252,255,255,.5) 0 4px 1px, 5px 5px 25px -5px #000000;" background="//img0.liveinternet.ru/images/attach/c/10/127/275/127275648_126472full.JPG" cellspacing="0" cellpadding="0"><tr><td style="padding: 30px"><table style="width: 700px;border-radius: 0px 40px 0px 40px; box-shadow: 0px 0px 5px #000000, 0 0 5px #000000 inset;" background="//img0.liveinternet.ru/images/attach/c/10/127/275/127275670_7__2_.JPG" cellspacing="0" cellpadding="0"><tr><td style="padding: 15px"><center><span style="font-family:Georgia; font-size: 20px; color:#000000;"><br /> ***ВАШ ТЕКСТ ***<br /> <a target="_blank" href="//www.liveinternet.ru/users/schamada/" title="Schamada ( ник не стирать)"><img src="//img1.liveinternet.ru/images/attach/c/11/117/103/117103913_0_3f811_d7b8a3af_S.gif" width="11" height="11" alt="0_3f811_d7b8a3af_S (11x11, 1Kb)" /></a></span></center></td></tr></table></td></tr></table></center>