Как сделать рамочку для текста самому.

Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

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

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

Это фото кода, Вы его можете просто из флейма скопировать в Word или блокнот, и получите то же самое.



1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

Рамки для текста (18)

......ВАШ ТЕКСТ....

<center><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 3px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/c/2/74/401/74401313_81490b099a71.gif"><tbody><tr><td style="padding: 2px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="3" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 2px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="20" background="//img1.liveinternet.ru/images/attach/c/3/77/618/77618261_336da7308f5c.jpg"><tbody><tr><td style="padding: 20px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 3px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/c/2/74/401/74401313_81490b099a71.gif"><tbody><tr><td style="padding: 2px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 3px;"><table style="border: 0px ridge; color: #333333;" border="0" cellspacing="0" cellpadding="0" width="700" background="//img1.liveinternet.ru/images/attach/c/3/77/618/77618131_48693657_f40d1df3cfeb.jpg"><tbody><tr><td style="padding: 5px; text-align: center;"><span style="font-family: Monotype Corsiva; color: #333333; font-size: 22px;"><center><br />......ВАШ ТЕКСТ....<br /></center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/ketevan/"><img src="//img1.liveinternet.ru/images/attach/c/2//73/6/73006791_eDmT2Vktmp.gif" width="88" height="27" alt=" (176x53, 9Kb)" /></a></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center><div align="center"></div>

......ВАШ ТЕКСТ....

<center><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 3px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/c/2/74/401/74401313_81490b099a71.gif"><tbody><tr><td style="padding: 2px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="3" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 2px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="20" background="//img1.liveinternet.ru/images/attach/c/3/77/618/77618261_336da7308f5c.jpg"><tbody><tr><td style="padding: 20px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 3px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="//img1.liveinternet.ru/images/attach/c/2/74/401/74401313_81490b099a71.gif"><tbody><tr><td style="padding: 2px;"><table style="border: 0px ridge; color: #8B4513;" border="0" cellspacing="0" cellpadding="0" background="http://savepic.net/743891.jpg"><tbody><tr><td style="padding: 3px;"><table style="border: 0px ridge; color: #333333;" border="0" cellspacing="0" cellpadding="0" width="700" background="//img1.liveinternet.ru/images/attach/c/3/77/618/77618131_48693657_f40d1df3cfeb.jpg"><tbody><tr><td style="padding: 5px; text-align: center;"><span style="font-family: Arial; color: #333333; font-size: 18px;"><center><br />......ВАШ ТЕКСТ....<br /></center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/ketevan/"><img src="//img1.liveinternet.ru/images/attach/c/2//73/6/73006791_eDmT2Vktmp.gif" width="88" height="27" alt=" (176x53, 9Kb)" /></a></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></center><div align="center"></div>

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

<center><table border="0" background="//s017.radikal.ru/i400/1409/11/ef47a757712b.png" cellpadding="0" cellspacing="0" height="546" width="700"> <tr><td><a target="_blank" data-cke-saved-href="http://blogs.mail.ru/mail/box1958" href="http://blogs.mail.ru/mail/box1958"><img data-cke-saved-src="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.gif" src="//img-fotki.yandex.ru/get/6424/35204204.196/0_c0f30_9ec27cbf_XS.gif" width="3" height="3" border="0" /></a> </td></tr></table><table border="0" background="//s009.radikal.ru/i310/1409/67/5ea4a0674ba2.png" cellpadding="0" cellspacing="0" height="9" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0" width="600"><tr><td><center><font face="Arial" color="#f0efdf" style="font-size:22px"> <i> <b><br />Здесь будет Ваш текст...<br /><a data-cke-saved-href="http://www.liveinternet.ru/users/4001187/" href="http://www.liveinternet.ru/users/4001187/" target="_blank"><font face="Arial" color="#f7f5f2" style="font-size:15px"><br /></font></a></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//s019.radikal.ru/i602/1409/48/c799fbf13376.png" cellpadding="0" cellspacing="0" height="55" width="700"><tr><td><center> </center></td></tr></table></center>

Рамочка для текста Кулинарная

ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ.

<center> <table background="//img-fotki.yandex.ru/get/4127/24660144.10c/0_c1510_749fd9b8_XL.png.jpg" border="0" cellpadding="0" cellspacing="0" height="375" width="700"> <tbody> <tr> <td>  </td> </tr> </tbody> </table> <table background="//img-fotki.yandex.ru/get/4137/24660144.10c/0_c1511_2ef9434d_XL.png.jpg" border="0" cellpadding="0" cellspacing="0" width="700"> <tbody> <tr> <td> <div align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="padding:0px 100px;"> <div align="center"> <center> <span style="font-family:Georgia;color:#003300;font-size:18px">ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ. </span></center> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <table a="a" background="//img-fotki.yandex.ru/get/6433/24660144.10c/0_c1512_60022f42_XL.png.jpg" border="0" cellpadding="0" cellspacing="0" height="170" title=" sharon357" width="700"> </table> <center> <a data-cke-saved-href="http://blogs.mail.ru/mail/geo-mari/" href="http://blogs.mail.ru/mail/geo-mari/" target="_blank"><img alt="" border="0" height="8" data-cke-saved-src="//img-fotki.yandex.ru/get/4912/24660144.7b/0_86647_832956f_XS.jpg.jpg" src="//img-fotki.yandex.ru/get/4912/24660144.7b/0_86647_832956f_XS.jpg.jpg" title="" width="9" /></a></center> <table background="http://sharon357.ya.ru/" cellspacing="0" style="border:0px none #000000" width="450"> </table> </center>

Рамочка "Натюрмортная"

ВАШ ТЕКСТ...

Franzuzhenka