Рамки-уголки.

Суббота, 15 Января 2011 г. 14:41 + в цитатник

Цитата сообщения Милолика_Покровская

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

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

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

КОД РАМКИ.

 <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="Милолика Покровская" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://milolicasv.ru/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: #00BFFF; padding:2px;">ВАШ ТЕКСТ ПИШИМ СЮДА. <br /></div><a title="Милолика Покровская" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://milolicasv.ru/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="Милолика Покровская" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://milolicasv.ru/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="Милолика Покровская" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://milolicasv.ru/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>