Красивые рамочки-уголки

Суббота, 10 Марта 2012 г. 21:35 + в цитатник

Цитата сообщения SvetlanaT

Прочитать целиком В свой цитатник или сообщество!

Красивые рамки с уголками.Несколько вариантов.

Если вам не хочется загружать в свой пост большую рамку,
то свой текст можно украсить и таким способом.
Оригинальные рамочки с уголками.
Кому нравится рамка выбирайте и копируйте
под рамкой её код.
Вставлять рамочку к себе в дневник нужно в
Простом редакторе.

КОД РАМКИ.

 <div style="background-image: url( //img1.liveinternet.ru/images/attach/c/2//69/255/69255475_0_69158_50939ad5_M.png ); background-position: 0% 0%; padding:100px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url( //img1.liveinternet.ru/images/attach/c/2//69/255/69255526_0_69158_50939ad5_M.png) ; padding:40px 110px 110px 40px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "><div style="text-align: ; font: 24px Monotype Corsiva;font-style: italic; color: #F8F8FF; padding:2px;">ВАШ ТЕКСТ ПИШИМ СЮДА .<br /></div> <a title="SvetlanaT" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/svetlanat/profile" target="_blank"> <img src="//img0.liveinternet.ru/images/attach/c/2//69/255/69255912_0_45ec0_b927fb1b_XS.gif" alt="" align="right" /></a></div></div>

КОД РАМКИ.

 <div style="background-image: url( //img0.liveinternet.ru/images/attach/c/2//69/255/69255393_0_72b10_2ae4c43e_M.png); background-position: 0% 0%; padding:100px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url( //img0.liveinternet.ru/images/attach/c/2//69/255/69255409_0_72b10_2ae4c43e_M.png ) ; padding:40px 110px 110px 40px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "><div style="text-align: ; font: 22px Monotype Corsiva;font-style: italic; color: #0000FF; padding:2px;">ВАШ ТЕКСТ ПИШЕМ СЮДА. <br /></div><a title="SvetlanaT" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/svetlanat/profile" target="_blank">  <img src="//img0.liveinternet.ru/images/attach/c/2//69/255/69255912_0_45ec0_b927fb1b_XS.gif" alt="" align="right" /></a></div></div>

КОД РАМКИ.

<div style="background-image: url( //img1.liveinternet.ru/images/attach/c/2//69/255/69255451_0_69119_c4ab97a1_M.png ); background-position: 0% 0%; padding:100px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url( //img0.liveinternet.ru/images/attach/c/2//69/255/69255501_0_69119_c4ab97a1_M.png ) ; padding:40px 120px 120px 40px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "> <div style="text-align: ; font: 24px Monotype Corsiva;font-style: italic; color: #FFFF00; padding:2px;">ВАШ ТЕКСТ ПИШЕМ СЮДА.<br /></div> <a title="SvetlanaT" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/svetlanat/profile" target="_blank"> <img src="//img0.liveinternet.ru/images/attach/c/2//69/255/69255912_0_45ec0_b927fb1b_XS.gif" alt="" align="right" /></a></div></div>

КОД РАМКИ.

<div style="background-image: url( //img1.liveinternet.ru/images/attach/c/2//69/255/69255847_0_691af_3b740878_M.png); background-position: 0% 0%; padding:100px 0px 0px 100px; background-repeat: no-repeat;"><div style="background-image: url( //img1.liveinternet.ru/images/attach/c/2//69/255/69255854_0_691af_3b740878_M.png) ; padding:40px 110px 110px 40px;background-repeat: no-repeat;border: 0px;color:#000; background-position: 100% 100%; "><div style="text-align: ; font: 22px Monotype Corsiva;font-style: italic; color: #DAA520; padding:2px;">ВАШ ТЕКСТ ПИШЕМ СЮДА. <br /></div><a title="SvetlanaT" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/svetlanat/profile" target="_blank">  <img src="//img0.liveinternet.ru/images/attach/c/2//69/255/69255912_0_45ec0_b927fb1b_XS.gif" alt="" align="right" /></a></div></div>

Рубрики:

Рамочки