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

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

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

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

ВАШ Т Е К С Т

<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>

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

Рамки для текстов (13)

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

<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="//img0.liveinternet.ru/images/attach/c/2//73/6/73006717_50471686_hp_image_013.jpg"><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/0/40/742/40742258_bg_31.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="//img0.liveinternet.ru/images/attach/c/2//73/6/73006717_50471686_hp_image_013.jpg"><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: #8B4513;" border="0" cellspacing="0" cellpadding="0" width="700" background="//img1.liveinternet.ru/images/attach/c/0/40/741/40741766_beigep56.jpg"><tbody><tr><td style="padding: 5px; text-align: center;"><span style="font-family: Arial; color: #826839; font-size: 18px;"><br /> <img src="//img0.liveinternet.ru/images/attach/c/2/73/285/73285878_19873605_17568258_divau_jp11.gif" width="365" height="76" alt="19873605_17568258_divau_jp11 (365x76, 5Kb)" /><br />...ВАШ ТЕКСТ....<br /><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="//img0.liveinternet.ru/images/attach<br /><br /> c/2/74/401/74401686_f1e3295fc67c.jpg"><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/75/596/75596559_dc36f9b2ee28.gif"><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: #BA995B;" border="0" cellspacing="0" cellpadding="0" background="//img0.liveinternet.ru/images/attach/c/2/74/401/74401686_f1e3295fc67c.jpg"><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: #BA995B;" border="0" cellspacing="0" cellpadding="0" width="700" background="//img0.liveinternet.ru/images/attach/c/2/74/155/74155632_58a3bce1e1d8.jpg"><tbody><tr><td style="padding: 5px; text-align: center;"><span style="font-family: Arial; color:#BA995B; font-size: 18px;"><br /><br /><center><img src="//img0.liveinternet.ru/images/attach/c/3/75/596/75596718_17885b813cb1.gif" width="87" height="84" alt="17885b813cb1 (87x84, 7Kb)" /><br />...ВАШ ТЕКСТ...<br /><img src="//img0.liveinternet.ru/images/attach/c/3/75/596/75596718_17885b813cb1.gif" width="87" height="84" alt="17885b813cb1 (87x84, 7Kb)" /></center><br /><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><div align="center"></div></center>



<div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/c/1//57/566/57566193_e2d4078854f7.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="//img1.liveinternet.ru/images/attach/c/2//67/742/67742034_48693657_f40d1df3cfeb.jpg" cellpadding="20" cellspacing="0"><tr><td style="padding: 15px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/1//57/566/57566193_e2d4078854f7.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/2/74/369/74369526_c0721805ffa4.jpg" cellpadding="60" cellspacing="0"><tr><td style="padding: 60px;"><table border="0" background="//img0.liveinternet.ru/images/attach/c/1//57/566/57566193_e2d4078854f7.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 5px;"><table border="0" width="550" background="//img1.liveinternet.ru/images/attach/c/2//67/742/67742034_48693657_f40d1df3cfeb.jpg" cellpadding="8" cellspacing="0"><tr><td style="padding: 1px;"><div align="center"><tr><td style="padding: 2px;"><div align="center"><table border="0" background=" " cellpadding="5" cellspacing="0"><tr><td style="padding: 3px;"><span style="font-family: Arial; color:#957841; font-size: 18px;"><center><img src="//img0.liveinternet.ru/images/attach/c/2//67/742/67742288_53224502_145b9599ed04.gif" width="33" height="33" alt=" (33x33, 24Kb)" /></center><br /><center>...ВАШ ТЕКСТ....</center><br /><center><img src="//img0.liveinternet.ru/images/attach/c/2//67/742/67742288_53224502_145b9599ed04.gif" width="33" height="33" alt=" (33x33, 24Kb)" /></center><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></center></span></td></tr></table></div></td></tr></div></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></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="//img0.liveinternet.ru/images/attach/c/2//73/6/73006717_50471686_hp_image_013.jpg"><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="//img0.liveinternet.ru/images/attach/c/2//73/6/73006013_56401111_4.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="//img0.liveinternet.ru/images/attach/c/2//73/6/73006717_50471686_hp_image_013.jpg"><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: #8B4513;" border="0" cellspacing="0" cellpadding="0" width="700" background="//img1.liveinternet.ru/images/attach/c/2//73/5/73005947_56401129_1.jpg"><tbody><tr><td style="padding: 5px; text-align: center;"><span style="font-family: Arial; color: #564526; 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><div align="center"></div></center>

Как написать текст в простой рамке

Тут все носятся с рамочками для текста, стихов и прочего… Всякими кучерявыми, созданными с помощью длинных кодов…
Признаться, мне они только мешают вникнуть в текст.

Но мои читатели наверняка обратили внимание что я довольно часто публикую некоторые тексты в рамочке. В простенькой такой. Чтобы этот текст обособлялся, как-то отделился от основной статьи. Так пишутся объявления.

А хотите научу вот в такой рамке текст печатать? Для тех, кто размещает в своем блоге рекламу (да и мало ли по какой нужде захочется выделить абзац-другой).
Рамка строга и лаконична, не отвлекает от восприятия текста.

Нужно всего-то навсего перейти на латинский шрифт и набрать вот такую заготовку:

Теперь установите курсор в середину, между угловыми скобками > <, и печатайте что нужно. Весь набранный между скобками текст после публикации окажется в рамке.
А можно отдельно набрать нужный текст. Если он большой, или сборный со ссылками... Например: Уже пять дней идет конкурс на лучший рассказ об успехах…
Теперь выделить его мышкой, скопировать (а лучше вырезать), и вставить аккурат между угловыми скобочками заготовки:

Сюда же, если хочется, можно вставить и код картинки.
В результате получилось вот что (кстати, это объявление совершенно серьезное, и оно интересно для тех, кто занимается бизнесом в Интернете):

Уже 5 дней (уже шесть, пока я писала)) идет конкурс на лучший рассказ об успехах, достигнутых с помощью новой версии программы XRumer 7.0 Elite. Премии от 50 до 5000 долларов, плюс еще гонорары всем, кто прислал быстро.
МОЕ МНЕНИЕ: Казалось бы – хорошее дело.
НО: предназначение программы – возможность навязывать свою рекламу на форумах, досках объявлений и прочих местах массового скопления. Программа дает возможность обойти антиспамовскую защиту (пробить капчу). Мы в почте у себя часто видим доказательства, что даже мощная почтовая защита перед программами типа XRumer 7.0 Elite бессильна. Приходят рекламки всякие... Мешают, вообще-то. Но для бизнесменов, увы, это прибыльно…(Е._О.)