Код рамки с прокруткой.

Список html тегов с пояснениями.Belenaya

Продолжение

Нужные формулы для дневника.Лариса Гурьянова

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

Блог Лиры

Серия сообщений "* Все для блога":
Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 29 - Как сделать,чтобы текст не выходил за пределы рамки
Часть 30 - Сетевой этикет (нетикет, сетикет)
Часть 31 - Нужные формулы для дневника
Часть 32 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!

Серия сообщений "Для ЛиРу":
Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 37 - Пост доступен на странице сообщения..
Часть 38 - Впервые на Ли Ру?
Часть 39 - Нужные формулы для дневника
Часть 40 - ЛиРу - кнопки быстрого перехода по страницам дневника
Часть 41 - HTML шпаргалка
...
Часть 43 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 44 - Начинающим на ЛиРу
Часть 45 - ВОПРОСЫ И ОТВЕТЫ

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА.Sergg62

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

ДЕЛАЕМ РАМКИ С КРУГЛЫМИ УГЛАМИ
БЕЗ ФОТОШОПА

Многие спрашивают, как сделать рамочку с круглыми углами?

ЕгороваТатьяна уже разьясняла,как это делается: тут

Немного дополню её, в своём маленьком уроке

По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.

Рассотрим,из чего же состоит наша формула
 

ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА
 

Это часть нашей формулы, один "контейнер" (их может быть несколько)<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />Контейнер состоит из атрибутов:

"div style" - блочный элемент стилей"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)"padding" - внутренний отступ в элементе"background-image" - фоновая картинка (адрес фоновой картинки)"width" - ширина рамки (может быть выражена в % или же в px)

могут встречаться атрибуты:

"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,"box-shadow" - для отображения во всех остальных браузерах.

---

Вставив свои параметры и адрес картинки получаем такую картинку "контейнер":
 

ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА
 

Далее к этому контейнеру, подставляем ещё один, такой же,
только с атрибутами текста и получаем
КОД РАМКИ:
В атрибуте background-image:url(‘ ‘) вставляете ссылку на свою картинку, будьте внимательны, не удаляйте маленькие одиночные ковычки перед и после адреса картинки!

<center><div style="box-shadow:2px 6px 7px #534300,-2px -3px 2px #534300,-2px -2px 7px #846A00;border:1px inset #FFF3C9;border-radius:50px;padding:12px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ ДЛЯ БОРДЮРА');width:70%;"> <center> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:40px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:15px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ ОСНОВНОГО ФОНА');width:94%;"> <center> <br /> <div align="center"> <span style="font-weight:normal;text-align:center;color:#EEEED;font-family:monotype corsiva,serif;font-size:23px;line-height:150%;text-shadow:3px 2px 11px #006400,2px 1px 1px #006400;column-count:3;column-width:0px;"><font color="#FFcc99" face="Courier New" style="font-size:20px">ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ<br /> БЕЗ ФОТОШОПА</font></span><br /> <br /> <center> <span style="font-weight:normal;text-align:center;color:#EEEED;font-family:monotype corsiva,serif;font-size:23px;line-height:150%;text-shadow:3px 2px 11px #006400,2px 1px 1px #006400;column-count:3;column-width:0px;"><font color="#FFcc99" face="Courier New" style="font-size:16px"><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><span style="font-family:Arial;color:#FEBF80;font-size:12px">ВАША ПОДПИСЬ</span> </a></font></span></center> </center> </div> </center> </div> </center> </div>

Получается такая рамочка:
 

ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ
БЕЗ ФОТОШОПА
ВАША ПОДПИСЬ

---

Изменяя значения "border-radius",можно построить интересные формы

Рассмотрим несколько примеров создания рамок :
 

ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ
БЕЗ ФОТОШОПА
ВАША ПОДПИСЬ

Код рамки:

<center><div style="box-shadow:2px 6px 7px #534300,-2px -3px 2px #534300,-2px -2px 7px #846A00;border:1px inset #FFF3C9;border-radius:50% 0% 50% 0%;padding:12px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ ДЛЯ БОРДЮРА');width:70%;"><center> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:50% 0% 50% 0%;padding:15px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ ОСНОВНОГО ФОНА');width:94%;"> <center> <br /> <div align="center"> <span style="font-weight:normal;text-align:center;color:#EEEED;font-family:monotype corsiva,serif;font-size:23px;line-height:150%;text-shadow:3px 2px 11px #006400,2px 1px 1px #006400;column-count:3;column-width:0px;"><font color="#FFcc99" face="Courier New" style="font-size:20px">ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ<br /> БЕЗ ФОТОШОПА</font></span><br /> <br /> <center> <span style="font-weight:normal;text-align:center;color:#EEEED;font-family:monotype corsiva,serif;font-size:23px;line-height:150%;text-shadow:3px 2px 11px #006400,2px 1px 1px #006400;column-count:3;column-width:0px;"><font color="#FFcc99" face="Courier New" style="font-size:16px"><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><span style="font-family:Arial;color:#FEBF80;font-size:12px">ВАША ПОДПИСЬ</span> </a></font></span></center> </center> </div> </center> </div> </center> </div>

---

ВАШ ТЕКСТ
(Текст с прокруткой)

ВАША ПОДПИСЬ

Код рамки:

<div> <div> <center> <div style="border-radius:50% 50% 47% 50%/50% 50% 50% 50%;-webkit-border-radius:50% 50% 47% 50%/50% 50% 50% 50%;-moz-border-radius:50% 50% 47% 50%/50% 50% 50% 50%;background-image:url(' АДРЕС ВАШЕЙ КАРТИНКИ ');width:70%;"> <br /> <div style="box-shadow:-4px -4px 9px #333333,4px 4px 9px white,4px 4px 9px white;border-radius:50% 50% 47% 50%/50% 50% 50% 50%;-webkit-border-radius:50% 50% 47% 50%/50% 50% 50% 50%;-moz-border-radius:50% 50% 47% 50%/50% 50% 50% 50%;background-image:url(' АДРЕС ВАШЕЙ КАРТИНКИ ' );width:94%;border:2px outset #A8A800;"> <br /> <span style="font-family:Times New Roman;color:#FFE0AB;font-size:23px;text-shadow:1px 1px 1px #FFE0AB;"><span style="font-family:Times New Roman;color:#FFE0AB;font-size:23px;text-shadow:1px 1px 1px #FFE0AB;"><img alt="" border="0" src="http://img-fotki.yandex.ru/get/9356/140630731.e5/0_cdd01_acef58a5_L.png" width="30%" /></span></span><br /> <div style="width:80%;height:50%;scrollbar-track-color:#FFE0AB;scrollbar-arrow-color:#FFE0AB;scrollbar-base-color:#FFE0AB;overflow:auto;"> <span style="font-family:Times New Roman;color:#836600;font-size:23px;text-shadow:1px 1px 1px #FFE0AB;"><strong>ВАШ ТЕКСТ<br /> (Текст с прокруткой)<br /> </strong></span><br /> <p> </div> <img alt="" src="http://img-fotki.yandex.ru/get/9356/140630731.e5/0_cdd01_acef58a5_L.png" width="30%" /></div> <a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><span style="color:#FE290B;"><strong><span style="font-family: Comic Sans MS; font-size: 16px;">ВАША ПОДПИСЬ</span></strong></span></a></div> </center> </div> </div>

---

ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ
БЕЗ ФОТОШОПА.
ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ
БЕЗ ФОТОШОПА.
ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ
БЕЗ ФОТОШОПА.
ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ



ВАША ПОДПИСЬ

Код рамки:

<center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:0px 400px 0px 400px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:20px;background-image:url(' АДРЕС КАРТИНКИ ');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:0px 395px 0px 395px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:18px;background-image:url(' АДРЕС КАРТИНКИ ');width:95%;"> <center> <div style="box-shadow:2px 2px 7px white,-2px -2px 7px white,2px 2px 7px black;border:1px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:15px;background-image:url(' АДРЕС КАРТИНКИ ');width:95%;"> <center> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:15px;background-image:url(' АДРЕС КАРТИНКИ');width:95%;"> <center> <br /> <div align="center"> <span style="font-weight:normal;text-align:center;color:#EEEED;font-family:monotype corsiva,serif;font-size:23px;line-height:150%;text-shadow:3px 2px 11px #006400,2px 1px 1px #006400;column-count:3;column-width:0px;"><font color="#FFcc99" face="Courier New" style="font-size:16px"><br/><img src="http://img-fotki.yandex.ru/get/6112/147114257.76/0_d5e71_b89a395_XL" width="250" height="130"><br/><br/> ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ<br /> БЕЗ ФОТОШОПА.<br />ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ<br /> БЕЗ ФОТОШОПА.<br />ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ<br /> БЕЗ ФОТОШОПА.<br />ВОТ ТАКИЕ РАМОЧКИ МОЖНО НАУЧИТЬСЯ ДЕЛАТЬ<br /></font></span><br /> <br/><img src="http://img-fotki.yandex.ru/get/6112/147114257.76/0_d5e71_b89a395_XL" width="200" height="100"><br/> <center> <span style="font-weight:normal;text-align:center;color:#EEEED;font-family:monotype corsiva,serif;font-size:23px;line-height:150%;text-shadow:3px 2px 11px #006400,2px 1px 1px #006400;column-count:3;column-width:0px;"><font color="#FFcc99" face="Courier New" style="font-size:16px"><a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><span style="font-family:Arial;color:#FEBF80;font-size:10px">ВАША ПОДПИСЬ</span> </a></font></span></center> </center> </div> </center> </div> </center> </div> </center> </div> </div> </center>

---

Ваш текст

ВАША ПОДПИСЬ

Код рамки:

<center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:20px;background-image:url('АДРЕС КАРТИНКИ');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:25px;background-image:url('АДРЕС КАРТИНКИ');width:93%;"> <center> <div style="box-shadow:2px 2px 9px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:15px;background-image:url('АДРЕС КАРТИНКИ');width:95%;"> <center> <br /> <div align="center"> <p> <img src="http://img-fotki.yandex.ru/get/6515/38620350.1b/0_7aa60_5c41df94_L.png"width="162" height="230"><br /> <span style="color:#008000;"><span style="font-weight: 400; text-align: center; font-family: &amp;quot;monotype corsiva&amp;quot;, serif; font-size: 15px; line-height: 150%; text-shadow: 3px 2px 25px rgb(85, 69, 0), 1px 1px 1px rgb(135, 102, 0); column-count: 3;"><font face="Courier New" style="font-size:26px"><span style="font-family:georgia,serif;"><em><strong>Ваш текст</strong></em></span></span></font></span></span><br /> <center> <a href="АДРЕС ВАШЕГО БЛОГА" target="_blank"><span style="color:#007F12;"><strong><span style="font-family: Comic Sans MS; font-size: 16px;">ВАША ПОДПИСЬ</span></strong></span></a></center> </div> </center> </div> </center> </div> </div> </center>

---

ВАШ ТЕКСТ

(ТЕКСТ С ПРОКРУТКОЙ)

ВАША ПОДПИСЬ

Код рамки:
<center> <div style="border-radius:50% 50% 0% 0%/50% 50% 0% 0%;-webkit-border-radius:50% 50% 0% 0%/50% 50% 0% 0%;-moz-border-radius:50% 50% 0% 0%/50% 50% 0% 0%;background-image:url(' АДРЕС КАРТИНКИ БОРДЮРА ');width:70%;"> <br /> <div style="box-shadow:-4px -4px 9px #333333,4px 4px 9px white,4px 4px 9px white;border-radius:50% 50% 0% 0%/50% 50% 0% 0%;-webkit-border-radius:50% 50% 0% 0%/50% 50% 0% 0%;-moz-border-radius:50% 50% 0% 0%/50% 50% 0% 0%;background-image:url(' АДРЕС КАРТИНКИ ФОНА ');width:93%;border:1px outset #A8A800;"> <br /> <span style="font-family:Times New Roman;color:#004583;font-size:20px;text-shadow:1px 1px 1px #9B86FF;"><img alt="" border="0" src="http://img-fotki.yandex.ru/get/6203/38620350.d/0_6f4f9_989e4362_M.png"width="30%"></span><br /> <div style="width:490px;height:250px;scrollbar-track-color:#9B7600;scrollbar-arrow-color:#ffffff;scrollbar-base-color:#755A00;overflow:auto;"> <br /> <span style="font-family:Times New Roman;color:#FFF0B3;font-size:26px;text-shadow:2px 2px 2px #C39700;"><strong>ВАШ ТЕКСТ<br /><br /> (ТЕКСТ С ПРОКРУТКОЙ)<br /> <br /> </strong></span></span></div> <span style="font-family:Times New Roman;color:#004583;font-size:20px;text-shadow:1px 1px 1px #9B86FF;"><img src="http://img-fotki.yandex.ru/get/9763/38620350.27/0_90a72_2ecc4bed_M.png" width="50%" ><br /><a href="АДРЕС ВАШЕГО ДНЕВНИКА" target="_blank"><strong><span style="font-family:Comic Sans MS;color:#828282;font-size:16px;">ВАША ПОДПИСЬ</span></strong></a></span></div> </div> </center>

---

   Желаю успехов в конструировании ваших рамок!  

Скелетики моих рамок по формулам Сергея Вам остается только вставить свои фоны. ЛЮБА-ЛЮБУШКА

[url=http://www.liveinternet.ru/users/sergg62/post315647224/#]Урок Сергея здесь[/url]

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

Люба-Любушка

<center><div style="border:5px inset #281309;border-radius:10px;padding:5px;background-image:url('ФОН НАРУЖНЫЙ);width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:5px inset #281309;border-radius:10px;padding:5px;background-image:url('ФОН СРЕДНИЙ');width:90%;box-shadow: inset 0px 0px 25px #000000;"><center><div style="border:3px solid #281309;border-radius:10px;padding:10px;background-image:url('ФОН ДЛЯ ТЕКСТА');width:90%;box-shadow: inset 0px 0px 35px #281309;"><center><br /><span style="font-family:Georgia;color:#7b024f;font-size:20px;text-shadow:1px 1px 1px #281309;"> КАРТИНКА ВАШ ТЕКСТ </span><br /><br /><center><a target="_blank" href="http://www.liveinternet.ru/users/5142306/profile/"><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><span style="font-family:Georgia;color:#7b024f;font-size:12px">Люба-Любушка</span></marquee></a></center></center></div></center></div></center></div></center>

Ваш текст



Ваша кликабельная подпись

<center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:0px 600px 0px 600px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:15px;background-image:url('ФОН №1');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:0px 395px 0px 395px;-moz-border-radius:65px;-webkit-border-radius:1em;padding:22px;background-image:url('ФОН №2');width:85%;"> <center> <div style="box-shadow:2px 2px 7px white,-2px -2px 7px white,2px 2px 7px black;border:1px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:4px;background-image:url('ФОН №3');width:85%;"> <center> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:0px 385px 0px 385px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:10px;background-image:url('ФОН №4 для текста');width:95%;"> <center> <br /> <div align="center"> <span style="font-family:Georgia;color:#343A14;font-size:20px" face="Georgia"><br /><br /> Ваш текст<br /></span><br /> <br /><br /> <center>Ваша кликабельная подпись</center> </div></center> </div></center> </div> </center> </div> </div></center>

Ваш текст

Ваша подпись

<center> <div style="box-shadow:1px 2px 7px black,-2px -2px 1px white,-2px -2px 7px white;border:2px inset #00000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:8px;background-image:url('ФОН №1');width:70%;"> <div style="box-shadow:2px 2px 7px black,-2px -2px 7px black,-2px -2px 7px black;border:2px inset #000000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:1em;padding:30px;background-image:url('ФОН №2');width:85%;"> <center> <div style="box-shadow:2px 2px 9px black,-2px -2px 7px black,-2px -2px 7px black; border:2px inset #000000;border-radius:70px;-moz-border-radius:70px;-webkit-border-radius:2em;padding:15px;background-image:url('ФОН №3');width:95%;"> <center> <br /> <div align="center"> <p><br /> <span style="color:#000000;"><span style="font-weight: 400; text-align: center; font-family: &quot;monotype corsiva&quot;, serif; font-size: 15px; line-height: 150%; rgb(85, 69, 0), 1px 1px 1px rgb(135, 102, 0); column-count: 3;"><font face="Courier New" style="font-size:20px"><span style="font-family:georgia,serif;"><em><strong>Ваш текст</strong></em></span></font></span></span><br /> </p>Ваша подпись<span style="font-family:Georgia;color:#000000;font-size:12px"></span></div></center> </div></center> </div></div></center>

Oбразцы и формулы простых рамок (фон для текста с окантовкой)Ваша_ТАНЯ_идущая_по_Судьбе

 ДОРОГИЕ МОИ! в этом постике я сделала для себя на всякий случай ШПАРГАЛКУ с ФОРМУЛАМИ простых рамочек, сделанных в РАМОЧНИКЕ,возможно,и Вам пригодятся.Эти рамочки можно разнообразить, подбирая подходящие ФОНЫ для ТЕКСТА,их место обозначено в ФОРМУЛЕ так... " URL - адрес фона " ...все изменения дизайна в этих формулах лучше осуществлять в ПРОСТОМ (HTML) РЕДАКТОРЕ ЛИру...выглядит он вот так

[MORE]

...рамочка с ВЫПУКЛОЙ окантовкой...

формула образца

<table width="670" style="border:8px outset #990033" background="https://img-fotki.yandex.ru/get/6836/180119625.51/0_110552_ecd435fd_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВЫПУКЛОЙ окантовкой...</b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

формула РАМКИ

<table width="670" style="border:8px outset #990033" background="URL - адрес фона" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВЫПУКЛОЙ окантовкой...</b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

...рамочка с ВДАВЛЕННОЙ окантовкой...

формула образца

<table width="670" style="border:8px inset #000099" background="https://img-fotki.yandex.ru/get/6814/180119625.51/0_110554_808537db_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВДАВЛЕННОЙ окантовкой...</b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

формула РАМКИ

<table width="670" style="border:8px inset #000099" background="URL - адрес фона" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВДАВЛЕННОЙ окантовкой...</b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

...рамочка с ВЫРЕЗАННОЙ окантовкой...

формула образца

<table width="670" style="border:8px ridge #00cc00" background="https://img-fotki.yandex.ru/get/63585/180119625.7e/0_14014c_b9c943bf_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВЫРЕЗАННОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

формула РАМКИ

<table width="670" style="border:8px ridge #00cc00" background="URL - адрес фона" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВЫРЕЗАННОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

...рамочка с ВРЕЗАННОЙ окантовкой...

формула образца

<table width="670" style="border:8px groove #ffcc00" background="https://img.fotki.yandex.ru/get/5504/115352506.6e/1_QUBfeAee4pbGMyaSB0dl.DbrxvU=_67b92_56c80ad2_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВРЕЗАННОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

формула РАМКИ

<table width="670" style="border:8px groove #ffcc00" background="URL - адрес фона" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ВРЕЗАННОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

...рамочка с ДВОЙНОЙ окантовкой...

формула образца

<table width="670" style="border:8px double #990033" background="https://img-fotki.yandex.ru/get/5413/115352506.36/0_62a30_2235c76b_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ДВОЙНОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

формула РАМКИ

<table width="670" style="border:8px double #990033" background="URL - адрес фона" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ДВОЙНОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

...рамочка с ПУНКТИРНОЙ окантовкой...

формула образца

<table width="670" style="border:2px dashed #660099" background="https://img-fotki.yandex.ru/get/6515/115352506.14b/0_7f178_9d540b9a_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:40px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ПУНКТИРНОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

формула РАМКИ

<table width="670" style="border:2px dashed #660099" background="URL - адрес фона" cellspacing="0" cellpadding="0"><tr><td style="padding:40px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с ПУНКТИРНОЙ окантовкой... </b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

...рамочка с окантовкой ТОЧКАМИ...

формула образца

<table width="670" style="border:3px dotted #cc3366" background="https://img-fotki.yandex.ru/get/5002/115352506.164/0_97d26_d250b0d8_orig" cellspacing="0" cellpadding="0"><tr><td style="padding:40px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с окантовкой ТОЧКАМИ...</b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>

формула РАМКИ

<table width="670" style="border:3px dotted #cc3366" background="URL - адрес фона" cellspacing="0" cellpadding="0"><tr><td style="padding:40px" zzz="zzz" align="center"><span style="font-family:Georgia;color:#000000;font-size:16px"><b>...рамочка с окантовкой ТОЧКАМИ...</b></span></td></tr><tr><td style="padding:0px" height="1%" align="left"><span style="font-family:Georgia;color:#000000;font-size:12px"><b><a target="_blank" href="http://www.liveinternet.ru/users/4026647/blog/" title="ТипС"><img src="https://img-fotki.yandex.ru/get/4520/115352506.e/0_5ebc4_dcf25703_XXXS.gif" width="3" height="3" border="0" /></a></b></span></td></tr></table>[/MORE]