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

Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.

Вариант 1. Рамка простая (к примеру, для цитат).
Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое, что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - "Сюда вставить адрес картинки" - вставляете адрес нужной картинки. Где её взять? Есть только два варианта: первый - Вы должны её загрузить со своего ПК, второй - найти её в интернете и нажав на ней правую кнопку мыши, копировать ссылку на изображение.

2. Где написано - "Здесь написать Ваш текст" - думаю, проблем не возникнет - пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Вот и всё. В результате у Вас должно получится что-то подобное. С картинкой:

Мне столько раз приходилось слышать о людях, которые умирают от любви, но за всю жизнь я не видела, чтобы кто-нибудь из них действительно умер.

Маргарита Валуа

Учимся делать и другие рамки. Это очень просто! >>>

Рамочка фш

ВАШ ТЕКСТ...

<center><table border="0" background="//img-fotki.yandex.ru/get/4614/24660144.ca/0_987c2_c48c231c_XL.jpg" cellpadding="0" cellspacing="0" height="582" width="700"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/"> <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/5314/24660144.ca/0_987a7_2592874d_XL.jpg" cellpadding="0" cellspacing="0" height="220" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="450"><center><font face="Monotype Corsiva" color="pink" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/5823/24660144.ca/0_987a5_b3ea3172_XL.jpg" cellpadding="0" cellspacing="0" height="73" width="700"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> <img src="//img-fotki.yandex.ru/get/4912/24660144.7b/0_86647_832956f_XS.jpg" width="9" height="8" title="" alt="" border="0" /></b></font> </a></center></td></tr></table></center>

РАМОЧКА "НЕЖНОСТЬ ЦВЕТОЧНАЯ"

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

Рамочки от Schamada .

***ВАША КАРТИНКА*** ***ВАШ ТЕКСТ***

<i><div align="center"> <table style="border:2px outset #ffffff" background="//img0.liveinternet.ru/images/attach/b/4/103/935/103935906_0_681aa_ff8f5599_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/b/4/103/935/103935925_0_62c05_785ce4d7_M.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:0px none #000000" background="//img0.liveinternet.ru/images/attach/b/4/103/935/103935888_0_8bd47_1ee65d33_M.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/b/4/103/935/103935925_0_62c05_785ce4d7_M.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:2px outset #ffffff" background="//img0.liveinternet.ru/images/attach/b/4/103/935/103935906_0_681aa_ff8f5599_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:2px inset #ffffff" background="//img1.liveinternet.ru/images/attach/b/4/103/935/103935925_0_62c05_785ce4d7_M.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table width="750" style="border:4px groove #ffffff" background="//img1.liveinternet.ru/images/attach/b/4/103/935/103935917_0_6831f_9b655570_S.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Arial Narrow;color:#660000;font-size:20px"><i>***ВАША КАРТИНКА***<br /> <img src="//img1.liveinternet.ru/images/attach/b/4/103/944/103944601_99724863_0_7fe7c_fbd35b60_L.png" width="500" height="48" alt="99724863_0_7fe7c_fbd35b60_L (500x48, 59Kb)" /><br /> ***ВАШ ТЕКСТ***<br /> <img src="//img1.liveinternet.ru/images/attach/b/4/103/944/103944601_99724863_0_7fe7c_fbd35b60_L.png" width="500" height="48" alt="99724863_0_7fe7c_fbd35b60_L (500x48, 59Kb)" /></i></span></td></tr><tr><td style="padding:0px" height="1%" align="right"><span style="color:#000000;font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/schamada/" target="_blank" title="рамочки от Schamada"><img src="//img1.liveinternet.ru/images/attach/c/8/100/800/100800261_60684c6f54e8.gif" /></a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div></i>

Здесь ещё рамочки

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.




ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОППЕРАМ

КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.

Наверно многие ( и я в том числе) сталкивались с тем, что при попытке вставить фотошопную мейловскую рамочку на Ли.Ру., она (рамка) разрывается по высоте.
Чтобы такого не происходило, надо использовать для рамки другой код. Я знаю, по крайней мере, два варианта. Коды изобретены не мной, вот они:

Первый вариант:
Код рамки:

Второй вариант.
Код рамки:

Напоминаю вам, что ШИРИНА всех частей рамки должна быть ОДИНАКОВОЙ!!!
Удачи!

для вас Лариса Гурьянова

Серия сообщений "Делаем рамки":

Часть 1 - Рамочка с бегущими огоньками
Часть 2 - Делаем рамки - серия уроков ФШ
...
Часть 34 - Делаем в ФШ рамку для видео
Часть 35 - Делаем "рваную" рамку
Часть 36 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 37 - Как сделать разрезную рамку в ФШ
Часть 38 - ФОРМУЛЫ РАМОЧЕК ДЛЯ МЕЙЛА
Часть 39 - Коды для Мейла и ЛиРу
Часть 40 - Делаем разрезную рамку в ФШ

ФОРМУЛЫ моих рамочек для Вас

...и Вы увидите все ФОРМУЛЫ рамочек,начиная с простейшей, с объяснениями как и что нужно делать,чтобы самому конструировать рамочки... как правильно СКОПИРОВАТЬ КОД рамки 1.формула№1- ФОН ПОСТА 2.формула№2- ФОРМУЛА записи ТЕКСТА на картинке 3.формула№3- рамочка с текстом или картинкой "в РАЗРЫВЕ" 4.формула№4- рамочка в 1 СЛОЙ 5.формула№5- рамочка в 2 СЛОЯ 6.формула№6-рамочка в 3 СЛОЯ 7.формула№7- рамочка в 4 СЛОЯ 8.формула№8-рамочка в 5 СЛОЕВ 9.формула №9-рамочка в 6 СЛОЕВ 10.формула№10- рамочка в 7 СЛОЕВ 11.формула№11-рамочка в 8 слоев с местом для мелодии 12.ЗДЕСЬ собраны все записи с меткой "ФОРМУЛЫ моих рамочек" ...ну,ВОТ и ВСЕ...но тему я буду продолжать и дальше...нажав на пункт №12,Вы всегда сможете увидеть НОВЫЕ ФОРМУЛЫ...

Т&*

форлула рамки в 1 СЛОЙ для ЛИру,Майла,Яру

*** ...рамочка в 1 СЛОЙ... ...многие блоггеры уже не ограничиваются ведением блога только на майле,но у тех,кто увлекается оформлением своих записей рамочками,возникли некоторые проблемы из-за того,што рамки ,сделанные для майла,на других площадках "ломаются"...методом проб мне все-же удалось найти формулы,которые без какой-либо коррекции одинаково хорошо "встанут" и на Майле,и на ЛИру,и на Яру , ...и я начинаю НОВУЮ ТЕМУ , если ОНА ВАС ИНТЕРЕСУЕТ Вы можете скопировать : КОД формулы рамки в 1 СЛОЙ для Майла,ЛИру,Яру ЗДЕСЬ ***

ТАНЯ,идущая по Судьбе *

Рамочка фш

ВАШ ТЕКСТ...

<center><table border="0" background="//img-fotki.yandex.ru/get/6204/24660144.ed/0_a3227_236003c1_XL.jpg" cellpadding="0" cellspacing="0" height="346" width="800"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/"> <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/6204/24660144.ed/0_a3228_a5c4c001_XL.jpg" cellpadding="0" cellspacing="0" height="116" width="800"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="500"><center><font face="Monotype Corsiva" color="#400020" style="font-size:25px"> <i> <b><br />ВАШ ТЕКСТ...<br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6104/24660144.ed/0_a3229_5aefca5e_XL.jpg" cellpadding="0" cellspacing="0" height="338" width="800"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> <img src="//img-fotki.yandex.ru/get/4912/24660144.7b/0_86647_832956f_XS.jpg" width="9" height="8" title="" alt="" border="0" /></b></font> </a></center></td></tr></table></center>

Рамочка фш

Творческого Вам вдохновения и хорошего настроения!!! Благодарю вас за отзывы и оценки!

<center><table border="0" background="//img-fotki.yandex.ru/get/6213/24660144.100/0_a9f9e_8ed152c9_XL.jpg" cellpadding="0" cellspacing="0" height="274" width="700"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/"> <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/6312/24660144.100/0_a9f9f_77ae1c2e_XL.jpg" cellpadding="0" cellspacing="0" height="120" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="450"><center><font face="Georgia" color="#91763F" style="font-size:18px"> <i> <b><br /><br /> Творческого Вам вдохновения<br /> и хорошего настроения!!!<br /> Благодарю вас за отзывы и оценки!<br /> <br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6312/24660144.100/0_a9f98_709ef797_XL.jpg" cellpadding="0" cellspacing="0" height="305" width="700"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> <img src="//img-fotki.yandex.ru/get/4912/24660144.7b/0_86647_832956f_XS.jpg" width="9" height="8" title="" alt="" border="0" /></b></font> </a></center></td></tr></table></center>

Рамочка для рукодельниц

Творческого Вам вдохновения и хорошего настроения!!!

<center><table border="0" background="//img-fotki.yandex.ru/get/5628/24660144.10c/0_c1674_c21124e5_XL.jpg" cellpadding="0" cellspacing="0" height="360" width="700"> <tr><td><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/"> <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/6424/24660144.10c/0_c1675_93e531b_XL.jpg" cellpadding="0" cellspacing="0" height="204" width="700"><tr><td><table align="center" border="0" cellspacing="0" cellpadding="0"><tr> <td width="450"><center><font face="Georgia" color="#790026" style="font-size:18px"> <i> <b><br /><br /> Творческого Вам вдохновения<br /> и хорошего настроения!!!<br /> <br /><br /></b></i></font></center></td></tr></table></td></tr></table><table border="0" background="//img-fotki.yandex.ru/get/6441/24660144.10c/0_c166e_791792f3_XL.jpg" cellpadding="0" cellspacing="0" height="144" width="700"><tr><td><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://blogs.mail.ru/mail/geo-mari/" target="_blank"><font face="Arial" color="#ffffff" style="font-size:10px"><b> <img src="//img-fotki.yandex.ru/get/4912/24660144.7b/0_86647_832956f_XS.jpg" width="9" height="8" title="" alt="" border="0" /></b></font> </a></center></td></tr></table></center>