Текстовая рамочка цветочная голубая.
Рамочка-42

-ВАШ ТЕКСТ- TATYSIY

TATYSIY
<table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/1//50/472/50472166_hp_image_010.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:0px none #000000" background="//i039.radikal.ru/0909/3f/6b787d94dbfd.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/1//50/472/50472166_hp_image_010.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/1//50/272/50272687_1256394554_m.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:50px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/1//50/472/50472166_hp_image_010.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:0px none #000000" background="//i039.radikal.ru/0909/3f/6b787d94dbfd.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:10px"><table style="border:0px none #000000" background="//img1.liveinternet.ru/images/attach/c/1//50/472/50472166_hp_image_010.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:3px"><table style="border:0px none #000000" background="//s49.radikal.ru/i123/0909/cc/f3a4eb744936.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="color:#996633;font-size:19px"><i><b><br /><br />-ВАШ ТЕКСТ-<br /><br /><br /> <a target="_blank" data-cke-saved-href="//s51.radikal.ru/i132/0909/4d/5abda50966be.jpg" href="//s51.radikal.ru/i132/0909/4d/5abda50966be.jpg"><img data-cke-saved-src="//s51.radikal.ru/i132/0909/4d/5abda50966be.jpg" src="//s51.radikal.ru/i132/0909/4d/5abda50966be.jpg" title="//s51.radikal.ru/i132/0909/4d/5abda50966be.jpg" border="0" /></a></b></i></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="color:#996633;font-size:13px"><i><b> TATYSIY</b></i></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Необычные рамочки.
Генератор необычных рамочек

Хотите быстро сделать рамку?
Вот такую, необычную?
Тогда вам СЮДА

Можно сделать очень необычные рамочки

Размер рамки можно регулировать

Читать далее...

Текстовая рамочка с разрывом.
Дополнение к уроку " Рамка с разрывом."

Опять по просьбе сделала добавление к уроку.
Если нужно поменять цвет и размер обводки
Урок рамки с разрывом
................................

ТЕКСТ источник mimozochka

....................................

Вот эти теги кроме последнего fieldset.
Поставьте их как на скрине .Когда процитируете увидите теги.

.......................................
Это код рамочки с разрывом той,что выше
<center><table border="0" background="//img-fotki.yandex.ru/get/9505/230052382.80/0_100104_a21d1f19_S.jpg" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="0B4B0C"><font size="5"><font face="Monotype Corsiva"><fieldset style=" border:7px #0B4B0C solid; padding: 10px; margin:0px 0px 0px 0px;"><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" border="0" /></legend><br /> <center>ТЕКСТ<br /> <a href="http://www.tanyusha100.ru/post418112627/"><b><img src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" /><br /></b></a><br /> <a href="http://2photo.ru/ru/post/25805" target="_blank"><font size="1"><font color="0B4B0C">источник</font></font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/users/3370207/blog/"><font color="0B4B0C"><font size="+1">mimozochka</font></font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table></center>

Запись с обводкой и картинкой в обводке.
Урок"Фон под запись с обводкой и картинкой в разрыве.

Как сделать вот такую рамочку для записей поста.(по просьбе)

текст источник mimozochka

Вот скрин, где цветом я отметила,что куда вставлять.

Красный---это адрес фона рамки
бирюзовый 700px--- ширина рамки
Желтый ----цвет текста
Розовый 5 -----размер текста
Черный left---- это место разрыва рамки,у меня слева. (Можно поменять на center или right)
Бежевый----адрес картинки в разрыв
Лиловый----адрес картинки для кат
Салатовый--- адрес ссылки откуда запись взяли
Зеленый----адрес дневника вашего и ник
Если вам надо уменьшить картинку подставьте значения width"100px"или другой размер сразу после кавычек адреса картинки.
А здесь в окошке код этой рамки. Только вам подставить свои значения.
Надеюсь вам понятно.Удачи!

<table border="0" background="адрес фона" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="цвет текста"><font size="5"><font face="Monotype Corsiva"><fieldset><legend align="left"><img style="filter:alpha(opacity=100,style=3)" data-cke-saved-src="картинка в разрыв" src="картинка в разрыв" border="0" /></legend><br /> <center> текст<br /> <a href="http://www.tanyusha100.ru/post418112271/"><b><img data-cke-saved-src="адрес картинки" src="адрес картинки" /><br /></b></a><br /> <a href="http://адрес ссылки поста" target="_blank"><font size="1">источник</a><br /> <center><a target="_blank" data-cke-saved-href="адрес дневника" href="адрес дневника"><font size="+1">ваш ник</font></a></center></font></center></fieldset> </font></font></font></i></b></center></td></tr></table>

Текстовые рамочки с закруглёнными углами.
Рамка с круглыми углами. Без фотошопа!

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

А здесь урок по таким же рамкам, но объемным (с тенями и разными углами)


Наверно многие, кто сейчас смотрит на рамку ниже, думают, что она сделана в программе Фотошоп...Нет. Она сделана с помощью 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>

~Шестислойная рамочка, как в фотошопе.
Альтернатива фотошопу~ 6-и слойная рамка с декором

~Альтернатива фотошопу~ 6-и слойная рамка с декором Многим блогерам нравится оформлять свои записи в красивые рамочки сделанные в фотошопе, но не все умеют эти самые рамочки делать. Я предлагаю, альтернативу фотошоповским рамкам. Делать их, куда проще, а смотрятся не хуже, к тому - же обладают, по сравнению с фотошоповскими, достоинством: растягиваются настолько, насколько вам нужно. Как - же их делать?

Читать далее...

Двойной фон.
Как ставить двойной фон в записи

Коды html для оформления постов на Лиру.
Коды для оформления блога.

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки -

Читать далее...

Вставляем картинку в текст.
Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

 

Музыкальный плеер для поста.
Сами вставляем песню в плеер...

Перед вами симпатичный плеер.Если вы включите заиграет веселая новогодняя песня.Под ним код этого плеера,а еще ниже код,где очень понятно и доступно видно,куда вставлять ~НАЗВАНИЕ ПЕСНИ~,а куда ~АДРЕС ПЕСНИ~и тогда этот симпатичный плеер может стоять у вас постоянно на главной страничке или вы сможете посылать друзьям,чтобы они тоже смогли прослушать хорошую песню.Вставляете песню,копируете код и этот веселенький плеер заиграет той мелодией,которую вы поставили.Да,можно менять размеры.Удачи!!!



Дальше два кода

Текстовая рамочка с уголками.
Урок 5. Делаем вместе рамку с уголками.

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

Здесь будет ваш текст.       Рамочка от Nataliya Bezushko

дальше урок>>>>

Текстовая рамочка в формате png.
Рамка ФОН-КАРТИНКА в формате пнг,клипарт.

Вот так эта рамка будет выглядеть. Вам только нужно подобрать КРАСИВУЮ картинку. Я вам даю КОД "СКЕЛЕТИК" —делайте рамку сами на свой вкус. В коде где написано:ФОН-КАРТИНКА —Вставляйте свою картинку.Загрузить на Лиру картинку можно через ОБЗОР.Берёте ССЫЛКУ НА КАРТИНКУ-всё то, что стоит внутри кавычек.И так же вставляете в КОД РАМКИ "СКЕЛЕТИКА",тоже внутрь кавычек. Посмотреть как картинку загрузить и найти её ссылку-код можно ЗДЕСЬ. Размеры картинки: -width="ШИРИНА" height="ВЫСОТА"- ставите свои. Найти картинки можно ЗДЕСЬ. В КОДЕ где написано ВАШ ТЕКСТ -пишите свой текст. В КОДЕ где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник можно ЗДЕСЬ. Успехов вам в вашем творчестве. SvetlanaT

КОД "СКЕЛЕТКА"РАМКИ <center><table background="ФОН-КАРТИНКА"><tr><td width="ШИРИНА" height="ВЫСОТА"><center><font size="3"><font color="000000"><br /><br />ВАШ ТЕКСТ </font></font></center><center><br /><br /><center><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК<br /> "><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></center></center></td></tr></table></center>

Ставим в текстовую рамочку фон - картинку.
Рамка КАРТИНКА как ФОН.

Пример такой рамочки,как она будет выглядеть. Можно брать любую КАРТИНКУ -jpg или gif-(блестящую). Взять картинку или фон можно ЗДЕСЬ. Внизу я даю КОД "СКЕЛЕТИКА" и вы делаете рамку САМИ. Делаем рамку ,на свой вкус, так: Заходим и выбираем картинку.НАШЛИ—НАЖАЛИ на неё. Дальше внизу В ДРУГОМ РАЗМЕРЕ -выбрали нужный размер картинки. Потом эти размеры поменяете в КОДЕ РАМКИ на свои. ..."WIDTH: 780px;ШИРИНА картинки HEIGHT: 600px"ВЫСОТА... Затем находим надпись—Код для вставки на сайт или в блог. нажали и скопировали где написано— Ссылка на фотографию. В коде "СКЕЛЕТИКА" где написано КАРТИНКА— ФОН. Внутрь кавычек.Кавычки не трогаем.Вставляете эту ССЫЛКУ. Если хотите с компа через Лиру-тогда ОБЗОР... И дальше помотреть можно ЗДЕСЬ. Где написано ВАШ ТЕКСТ— Пишите свой текст. Где написано ССЫЛКА НА ВАШ ДНЕВНИК и ВАШ НИК—Пишите свой НИК. Посмотреть как сделать ССЫЛКУ на ваш дневник и НИК можно ЗДЕСЬ. Вот и всё ВАША рамочка готова. Пробуйте,экспериментируйте на здоровье. SvetlanaT

Код "СКЕЛЕТИКА" к этой рамке. <table style="WIDTH: 780px; HEIGHT: 600px" cellspacing="3" cellpadding="3" align="left" border="1" background="ФОН-КАРТИНКА"><tbody><tr><td><font face="Helvetica" color="000000" size="3"><b><p align="center"><br /></p>ВАШ ТЕКСТ.<br /></b><center><a target="_blank" href="ССЫЛКА НА ВАШ ДНЕВНИК"><font size="1"><b><font color="#000000">ВАШ НИК</font></b></font></a></center></font></td></tr></tbody></table>