Рамочка для текста пейзажная

здесь будет Ваш текст

Рамочка для текста

 

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

 

Простая цветная рамка с закруглёнными краями за 5 минут

Это простая цветная рамка с закруглёнными краями в редакторе HTML
Очень удобна, без использования фона, будете только менять цвет фона, который вам удобен. Растягивается вниз, а ширину сами будете менять.
Вот код рамочки

<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>

А ниже немного инфы о тегах в коде рамочки

кому интересно, прошу под кат

По просьбе "скелетик" кода такой рамки.

Код "скелетик" такой рамки. Здесь будет Ваш текст. Код "скелетика" рамки <center><table background="ОБВОДКА" cellpadding="3" cellspacing="0" style="border:0px none #000000"><tbody><tr><td style="padding:3px"><table border="0" background="ФОН ТЕКСТА" cellpadding="11" cellspacing="0" width="700px"><tr><td style="padding:11px"><center><fieldset><legend align="left">РАЗДЕЛИТЕЛЬ или МАЛЕНЬКАЯ КАРТИНКА</legend><span style="color:#00000"><span style="font-size:20px;"><span style="font-family:Palatino Linotype"><br /><strong><center>Здесь будет Ваш текст.</center></strong><br /><br /><span style="font-family:Verdana;color:#000000;font-size:10px"><center><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">ВАША ПОДПИСЬ</a></center></span></span></span></span></fieldset></center></td></tr></table></td></tr></tbody></table></center> Значения в кавычках можно менять. Например, размер букв span style="font-size:20px;. Если цифру 20 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв span style="color:#00000". Если вместо, 000000 (так обозначается черный цвет), поставить ffffff (так обозначается белый цвет), то и буквы станут белого цвета. Шрифт написания span style="font-family:Palatino Linotype". Если вместо названия шрифта Palatino Linotype написать Arial или Monotype Corsiva, то написание букв изменится. Теги center - картинка или текст распологаются по центру рамки. Хочется подчеркнуть, что вставлять свои адреса и цифры необходимо аккуратно, от кавычки до кавычки, НЕ ОСТАВЛЯЯ ПРОБЕЛОВ. Пробуйте, у Вас получится! ЖЕЛАЮ УДАЧИ! Nataliya_Bezyshko

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.

Рамка с круглыми углами

РАМКИ С КРУГЛЫМИ УГЛАМИ

Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью html-кода, как обычные рамки с прямыми углами. Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее

Вот такая рамочка получилась у меня после добавления картинок. Думаю их код можно усовершенствовать, а варианты рамок разнообразить. Испытала только на Лиру. Для Яру и других сайтов нужен другой код. Может кто-то сделает. Была бы рада посмотреть на ваши рамки, которые вы сделаете по этому уроку. Удачи! Егорова Татьяна

Код готовой рамки <table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:8px" zzz="zzz" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16063.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style=" solid silver; border-radius:80px;" background="http://content.foto.my.mail.ru/mail/tiotia-tania/14266/i-16088.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="600" style=" solid silver; border-radius:80px;" background="//img0.liveinternet.ru/images/attach/c/10/110/555/110555002_m3.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#fff799;font-size:20px"><b><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a><br /> Здесь будет Ваш текст<br /><br /><a href="http://www.egorovatatiana.ru/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/10/110/565/110565999_110557408_87648966_element55_ks.png" width="310" height="95" border="0" /></a></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank"></a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table> </b></span></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table width="600" height="240" style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/10/110/557/110557223_82296535_0_49cdf_d7b1032f_M.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color:#000000;font-size:10px"><a href="http://www.egorovatatiana.ru/" target="_blank">Егорова Татьяна</a> </span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рамка цветочная.

Текст

m

<center><table border="0" background="//img-fotki.yandex.ru/get/9895/42830165.248/0_b7892_a3e5bd4b_XL.png" cellpadding="0" cellspacing="0" height="171" width="700"> <tr><td><a target="_blank" href="//www.liveinternet.ru/users/3370207/"><img src="//img-fotki.yandex.ru/get/6523/71746914.4b/0_9c822_75abe46e_S.jpg" width="3" height="3" border="0" /></a></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6726/42830165.248/0_b7893_9f7a9c48_XL.png" cellpadding="0" cellspacing="0" height="61" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="550"><center> <em><strong><span style="color:#FBABF6"><span style="font-size 28px"><span style="font-family: Georgia"><div align="center">Текст</div></span></span></span></strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6711/42830165.248/0_b7894_7be8f894_XL.png" cellpadding="0" cellspacing="0" height="171" width="700"><tr><td><center><a href="//www.liveinternet.ru/users/3370207/profile/" target="_blank"><span style="font-family:Arial;color:#000000;font-size:10px"> m</span> </a></center> </td></tr></table></center>

Рамочка "Малахитовая шкатулка"

 

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

 

Рамка красная.

ТЕКСТ

m

<center><table border="0" background="//img1.liveinternet.ru/images/attach/b/4/104/657/104657907_RSRSRRS_01.png" cellpadding="0" cellspacing="0" height="282" width="700"> <tr><td></td></tr></table><table border="0" background="//img0.liveinternet.ru/images/attach/b/4/104/657/104657908_RSRSRRS_02.png" cellpadding="0" cellspacing="0" height="100" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="550"><center> <em><strong><span style="color:#406649"><span style="font-size: large"><span style="font-family: Georgia">ТЕКСТ</span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img0.liveinternet.ru/images/attach/b/4/104/657/104657906_RSRSRRS_03.png" cellpadding="0" cellspacing="0" height="270" width="700"><tr><td><center><a href="//www.liveinternet.ru/users/3370207/profile/" target="_blank"><span style="font-family:Arial;color:#5EAD5E;font-size:10px"> m</span> </a></center></td></tr></table></center>

Рамочка20.

Рамочка20.

ВАШ ТЕКСТ...

<center><table align="center"><table width="800" height="261" style="border:0px none #000000" background="//s019.radikal.ru/i638/1308/5a/0019d8b6ab97.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table><table width="800" height="188" style="border:0px none #000000" background="//s57.radikal.ru/i155/1308/ab/0d1b1ec0cfdf.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Georgia;color:#000066;font-size:20px"><i><b><font color="#f8fcfe"><b><br /> ВАШ ТЕКСТ... <br /> </b></font> </b></i></span></td></tr></table><table width="800" height="251" style="border:0px none #000000" background="//i037.radikal.ru/1308/4a/aff39aec4ec2.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><a title="be-ll" href="//www.liveinternet.ru/users/be-ll/profile/" target="_blank"><img src="//img-fotki.yandex.ru/get/4607/nataliya-b-g.8/0_5884d_5f50330f_XS" border="0" height="17" width="14" alt="" align="center" /></a><span style="font-family:Georgia;color:#33cc00;font-size:11px"><i> </i></span></td></tr></table></table></center>

Рамка"Ромашки"

ВАШ ТЕКСТ

m

<center><table border="0" background="//i018.radikal.ru/1308/d7/48e26f7dd439.png" cellpadding="0" cellspacing="0" height="318" width="700"> <tr><td><a target="_blank" href="//www.liveinternet.ru/users/3370207/"><img src="//s018.radikal.ru/i519/1308/e0/d89d627d7e5d.gif" width="3" height="2" border="0" /></a> </td></tr></table><table border="0" background="//s020.radikal.ru/i700/1308/92/4d983096cece.png" cellpadding="0" cellspacing="0" height="75" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="550"><center> <em><strong><span style="color:#7D1414"><span style="font-size 28px"><span style="font-family: Georgia"><br /><br /> ВАШ ТЕКСТ</span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//s019.radikal.ru/i624/1308/8d/f6f64f471de4.png" cellpadding="0" cellspacing="0" height="349" width="700"><tr><td><center><a href="//www.liveinternet.ru/users/3370207/profile/" target="_blank"><span style="font-family:Arial;color:#3C5DB2;font-size:10px"> m</span> </a></center> </td></tr></table></center>

Рамка цветочная

ТЕКСТ

m

<center><table border="0" background="//s41.radikal.ru/i094/1307/75/1014ec1b4020.png" cellpadding="0" cellspacing="0" height="332" width="700"> <tr><td></td></tr></table><table border="0" background="//s017.radikal.ru/i411/1307/8c/7ca4eb076d52.png" cellpadding="0" cellspacing="0" height="160" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="550"><center> <em><strong><span style="color:#FFFFFF"><span style="font-size: large"><span style="font-family: Georgia"><br /><br /><br /> ТЕКСТ<br /><br /><br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//s017.radikal.ru/i423/1307/8b/0360e85ded60.png" cellpadding="0" cellspacing="0" height="324" width="700"><tr><td><center><a href="//www.liveinternet.ru/users/3370207/profile/" target="_blank"><span style="font-family:Arial;color:#008000;font-size:10px"> m</span> </a></center></td></tr></table></center>

Рамочка для текста

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

Беря код рамочки из окошечка,цитируйте,вам не сложно,а мне приятно.
Код рамочки
<center><table border="0" background="//img-fotki.yandex.ru/get/6706/131624064.439/0_b6bad_db1a28c2_XL.png" cellpadding="0" cellspacing="0" height="208" width="700"> <tr><td><a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9325/131624064.439/0_b6bae_b536035d_XL.png" cellpadding="0" cellspacing="0" height="272" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #1B0A2A"><span style="font-size: 20px;"><span style="font-family: Georgia">Здесь будет ваш текст <br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/9110/131624064.439/0_b6baf_ec78e52c_XL.png" cellpadding="0" cellspacing="0" height="173" width="700"><tr><td><center><a target="_blank" href="//www.liveinternet.ru/users/semenova_irina/rubric/2712037/"><img src="//img-fotki.yandex.ru/get/5/52732579.3f/0_8db63_2d5a90e2_S.gif" border="0" /><br /> </a></center> </td></tr></table></center>

Рамочка

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

SemIra

Беря код рамочки из окошечка,цитируйте,вам не сложно,а мне приятно.
Код рамочки
<center><table border="0" background="//img-fotki.yandex.ru/get/6702/131624064.403/0_b106a_ff4b8b22_XL.png" cellpadding="0" cellspacing="0" height="125" width="700"> <tr><td><a target="_blank" href="http://blogs.mail.ru/mail/box1958"><img src="//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6714/131624064.403/0_b106b_b2ba9f46_XL.png" cellpadding="0" cellspacing="0" height="275" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="650"><center> <em><strong><span style="color: #820f40"><span style="font-size: 25px;"><span style="font-family: Georgia">Здесь будет ваш текст <br /> </span></span></span> </strong></em> </center></td></tr></table> </td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6714/131624064.403/0_b106c_fa4b0104_XL.png" cellpadding="0" cellspacing="0" height="128" width="700"><tr><td><center><a target="_blank" href="//www.liveinternet.ru/users/semenova_irina/rubric/2712037/"><span style="color: #820f40"><span style="font-size:10px;">SemIra<br /> </span></span></a></center> </td></tr></table></center>

Без заголовка

содержимое рамки 1

Рамка для текста

Рамки для текста и фото

Ваш текст стрелец 2012

<table style="border:4px dotted #ffcc33" background="//img1.liveinternet.ru/images/attach/c/5/87/334/87334893_preview_fondodiamanteoro.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/5/87/334/87334879_preview_dk251_tilegrdesign.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//i035.radikal.ru/0909/d6/8ec39374f456.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table width="700" style="border:0px none #000000;background-color:#e3e3e3" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Courier New;color:#111111;font-size:20px"><i><b>Ваш текст</b></i></span></td></tr><tr><td style="padding:0px" height="1%" align="right"><span style="font-family:Arial;color:#2d2d2d;font-size:15px"><a href="//www.liveinternet.ru/users/5014098/rubric/3548629/" target="_blank">стрелец 2012</a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Рамочка лиловая.

ВАШ ТЕКСТ...

m

<center><table align="center"><table width="650" height="248" style="border:0px none #000000" background="//s47.radikal.ru/i115/1209/7b/19e0019e04e7.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"></span></td></tr></table><table width="650" height="243" style="border:0px none #000000" background="//s009.radikal.ru/i309/1209/19/ac81610f6d07.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Georgia;color:#000066;font-size:18px"><i><b><font color="#441100"><b> ВАШ ТЕКСТ... </b></font> </b></i></span></td></tr></table><table width="650" height="252" style="border:0px none #000000" background="//s019.radikal.ru/i623/1209/89/2819c4512df7.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:Georgia;color:#33cc00;font-size:11px"><i>m</i></span></td></tr></table></table></center>

РАМОЧКА ДЛЯ ВАС...

РАМОЧКА ДЛЯ ВАС

ВАША КА РТИНКА ВАШ ТЕКСТ   ВАШЕ ВИДЕО   ВАША МУЗЫКА         ВАШ НИК

РАМОЧКА С ДЕВУШКОЙ


<div align="center"><table border="0" background="//s019.radikal.ru/i608/1204/cb/54261a34a0f3.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//s019.radikal.ru/i605/1204/39/5bc5cfe2ae43.jpg" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="//s019.radikal.ru/i608/1204/cb/54261a34a0f3.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//s019.radikal.ru/i629/1204/e7/d76166394822.jpg" cellpadding="50" cellspacing="0"><tr><td style="padding: 50px;"><table border="0" background="//s019.radikal.ru/i608/1204/cb/54261a34a0f3.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//s019.radikal.ru/i605/1204/39/5bc5cfe2ae43.jpg" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="//s019.radikal.ru/i608/1204/cb/54261a34a0f3.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//s016.radikal.ru/i337/1204/5d/74f957e23293.jpg" cellpadding="11" cellspacing="0"><tr><td style="padding: 11px;"><center><img src="//s019.radikal.ru/i610/1204/9e/142903a7ac87.png" /><br /><br /> <img src="//s019.radikal.ru/i612/1204/7e/34d27d0aa483.png" width="300" /><br /><center> <font size="5" color="#FFCC99" face="Monotype Corsiva"><br /> <br /> Здесь будет ваш текст<br /> <br /> <br /><img src="//s019.radikal.ru/i612/1204/7e/34d27d0aa483.png" width="300" /><br /><br /> <br /> <a href="//www.liveinternet.ru/users/passionante_tanya/"><img src="//s54.radikal.ru/i144/1203/1a/5f90984422be.gif" width="115" height="15" border="0" /></a></font></center><div align="center"><a href="//www.liveinternet.ru/users/passionante_tanya/"><font size="1" color="#000000" face="Monotype Corsiva"></font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>

РАМОЧКА КРАСНАЯ ДЛЯ ТЕКСТА

...ВАШ ТЕКСТ... *****ТАТЬЯНА*****