Мобильный LiveInternet Бордюрные рамочки для текста

Авторизация

Дневник Irina-snez Лента друзей - Дневник - Полная версия

Бордюрные рамочки для текста 26-04-2017 20:26 к комментариям - к полной версии - понравилось!

Спасибо дорогой подруге Томочке Beauti Flash за идею бордюрных рамочек. Но, чтобы вставлять в верхнюю часть анимацию .gif или флеш .swf, мне пришлось изменить формулу рамочки и разделить фоны. Рамочки сделала шире, в них вставляются картинки шириной 700рх, для вставления картинки нужно сделать пустое место между текстом, как сделать вставление картинки без такого "пробела" в тексте не знаю... картинки у меня вставлялись, вообще-то легко...

Спасибо подруге Наденьке mimozochka за обнаружение неточности в формуле рамочки - ИСПРАВИЛА - теперь все вставляется правильно.

ВАШ ТЕКСТ

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1678790/4c33ba67aaa7.jpg" style="width: 820px; height: 132px; border-radius: 10px 10px 0px 0px; cellspacing: 0px; cellpadding; 0px;"> <tbody> <tr> <td align="center" cellpadding="0" cellspacing="0" style="padding:0px">  </td> </tr> </tbody> </table> <center> <table background="http://www.yapfiles.ru/files/1678788/4c33ba67aaa7dop.jpg" style="width: 800px; height: 0px;border-radius: 0px 0px 10px 10px; box-shadow: inset 0px -4px 5px rgba(0,0,0,0.5), inset 0px 4px 7px rgba(252,255,255,0.5), 7px 18px 36px -20px rgba(0,0,0,0.99);"> <tbody> <tr> <td> <table background="" style="width: 0px; height: 0px;"> <tbody> <tr> <td align="center" style="padding: 0px 20px 0px 20px" zzz="zzz"> <table cellpadding="0" cellspacing="0" style="width: 765px; border-radius: 0px;"> <tbody> <tr> <td align="center" style="padding:20px 0px 0px 0px" zzz="zzz"> <div style="padding: 0px; height: 100%;"> <fieldset style=" border: dotted 6px #5b574e; padding: 20px; border-radius: 15px;box-shadow: inset 1px 1px 10px #000000;"> <p>  </p> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: rgb(100, 97, 80); font-size: 18px;"> ВАШ ТЕКСТ</div> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: rgb(100, 97, 80); font-size: 18px;">  </div> </fieldset> <nofollow><noindex> <a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/blog/" href="http://www.liveinternet.ru/users/irina-snez/blog/" target="_blank" title="Irina-snez"> <img alt="aramat_000 (15x15, 1Kb)" height="17" data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" /></a></noindex></nofollow></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> </center>

ВАШ ТЕКСТ

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1678806/4c33ba67aaa7.gif" style="width: 820px; height: 132px; border-radius: 10px 10px 0px 0px; cellspacing: 0px; cellpadding; 0px;"> <tbody> <tr> <td align="center" cellpadding="0" cellspacing="0" style="padding:0px">  </td> </tr> </tbody> </table> <center> <table background="http://www.yapfiles.ru/files/1678788/4c33ba67aaa7dop.jpg" style="width: 800px; height: 0px;border-radius: 0px 0px 10px 10px; box-shadow: inset 0px -4px 5px rgba(0,0,0,0.5), inset 0px 4px 7px rgba(252,255,255,0.5), 7px 18px 36px -20px rgba(0,0,0,0.99);"> <tbody> <tr> <td> <table background="" style="width: 0px; height: 0px;"> <tbody> <tr> <td align="center" style="padding: 0px 20px 0px 20px" zzz="zzz"> <table cellpadding="0" cellspacing="0" style="width: 765px; border-radius: 0px;"> <tbody> <tr> <td align="center" style="padding:20px 0px 0px 0px" zzz="zzz"> <div style="padding: 0px; height: 100%;"> <fieldset style=" border: dotted 6px #5b574e; padding: 20px; border-radius: 15px;box-shadow: inset 1px 1px 10px #000000;"> <p style="text-align: justify;">  </p> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: rgb(100, 97, 80); font-size: 18px;"> ВАШ ТЕКСТ</div> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: rgb(100, 97, 80); font-size: 18px;">  </div> </fieldset> <nofollow><noindex> <a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/blog/" href="http://www.liveinternet.ru/users/irina-snez/blog/" target="_blank" title="Irina-snez"> <img alt="aramat_000 (15x15, 1Kb)" height="17" data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" /></a></noindex></nofollow></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> </center>

ВАШ ТЕКСТ

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1678878/_arh30re.jpg" style="width: 820px; height: 132px; border-radius: 10px 10px 0px 0px; cellspacing: 0px; cellpadding; 0px;"> <tbody> <tr> <td align="center" cellpadding="0" cellspacing="0" style="padding:0px">  </td> </tr> </tbody> </table> <center> <table background="http://www.yapfiles.ru/files/1678902/_arh30redop2.jpg" style="width: 800px; height: 0px;border-radius: 0px 0px 10px 10px; box-shadow: inset 0px -4px 5px rgba(0,0,0,0.5), inset 0px 4px 7px rgba(252,255,255,0.5), 7px 18px 36px -20px rgba(0,0,0,0.99);"> <tbody> <tr> <td> <table background="" style="width: 0px; height: 0px;"> <tbody> <tr> <td align="center" style="padding: 0px 20px 0px 20px" zzz="zzz"> <table cellpadding="0" cellspacing="0" style="width: 765px; border-radius: 0px;"> <tbody> <tr> <td align="center" style="padding:20px 0px 0px 0px" zzz="zzz"> <div style="padding: 0px; height: 100%;"> <fieldset style=" border: 3px #f1efb9 double; padding: 20px; border-radius: 15px;box-shadow: inset 1px 1px 10px #000000;"> <p>  </p> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: #f1efb9; font-size: 18px;"> ВАШ ТЕКСТ</div> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: #f1efb9; font-size: 18px;">  </div> </fieldset> <nofollow><noindex> <a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/blog/" href="http://www.liveinternet.ru/users/irina-snez/blog/" target="_blank" title="Irina-snez"> <img alt="aramat_000 (15x15, 1Kb)" height="17" data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" /></a></noindex></nofollow></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> </center>

ВАШ ТЕКСТ

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1678884/arh30.gif" style="width: 820px; height: 132px; border-radius: 10px 10px 0px 0px; cellspacing: 0px; cellpadding; 0px;"> <tbody> <tr> <td align="center" cellpadding="0" cellspacing="0" style="padding:0px">  </td> </tr> </tbody> </table> <center> <table background="http://www.yapfiles.ru/files/1678902/_arh30redop2.jpg" style="width: 800px; height: 0px;border-radius: 0px 0px 10px 10px; box-shadow: inset 0px -4px 5px rgba(0,0,0,0.5), inset 0px 4px 7px rgba(252,255,255,0.5), 7px 18px 36px -20px rgba(0,0,0,0.99);"> <tbody> <tr> <td> <table background="" style="width: 0px; height: 0px;"> <tbody> <tr> <td align="center" style="padding: 0px 20px 0px 20px" zzz="zzz"> <table cellpadding="0" cellspacing="0" style="width: 765px; border-radius: 0px;"> <tbody> <tr> <td align="center" style="padding:20px 0px 0px 0px" zzz="zzz"> <div style="padding: 0px; height: 100%;"> <fieldset style=" border: 3px #f1efb9 double; padding: 20px; border-radius: 15px;box-shadow: inset 1px 1px 10px #000000;"> <p>  </p> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: #f1efb9; font-size: 18px;"> ВАШ ТЕКСТ</div> <div style="width: 102%; margin-top: 0px; margin-left: 0px; font-family: Monotype Corsiva; color: #f1efb9; font-size: 18px;">  </div> </fieldset> <nofollow><noindex> <a data-cke-saved-href="http://www.liveinternet.ru/users/irina-snez/blog/" href="http://www.liveinternet.ru/users/irina-snez/blog/" target="_blank" title="Irina-snez"> <img alt="aramat_000 (15x15, 1Kb)" height="17" data-cke-saved-src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" src="http://img1.liveinternet.ru/images/attach/c/7/125/87/125087511_aramat_000.gif" width="15" /></a></noindex></nofollow></div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> </center>

вверх^ к полной версии понравилось! в evernote

Комментарии (30):

mimozochka 26-04-2017-20:36 удалить

Красивые рамочки Ирочка!Молодец,Это что-то новенькое!!

Вы сейчас не можете прокомментировать это сообщение.