Простые рамочки-обводки для текста

Понедельник, 02 Марта 2015 г. 01:20 + в цитатник

Цитата сообщения Lyusya-Spring

Прочитать целиком В свой цитатник или сообщество!

Простые рамочки-обводки для текста

Дополнение к

***Текст***

<center><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

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

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667416_0_b6bb0_e03902dd_orig.png" width="250" height="" border="0" align="left" /><br /><br /><br /><br /><div style="border: 4px ridge #FE9980; padding: 6px; width: 88%;"><div style="border: 4px ridge #FE9980; padding: 10px; background-color: #F1E6D9;"><font face="Georgia" style="font-size: 19px" color="#663333"><i>***Текст***</i></font></div></div></center>

Текст

<center><img src="//img0.liveinternet.ru/images/attach/c/0/120/667/120667802_0_aff16_b300bd09_orig.png" width="150" height="" border="0" align="left" /><br /><br /><div style="padding: 10px 10px; background: #FE9980; width: 750px; font-size: 27px;  font-family: Monotype Corsiva; color: #fff; border: 2px dashed #fff; border-radius: 10px; box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: -1px -1px #aa3030;">Текст<br />
<center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ" target="_blank"><img src="https://img-fotki.yandex.ru/get/9254/120937872.e9/0_aa27f_8e85f51b_XXXS.gif" width="15" height="17" border="0" align="right" /></a></center></div></center>

Серия сообщений "делаем рамки":
Часть 1 - Простые рамки с заголовком
Часть 2 - Простые рамочки-обводки для текста
Часть 3 - Набор рамочек с разрывом (можно вставлять фон)
Часть 4 - для текста-рамочка-2
...
Часть 41 - Создание рамочек без знаний html всего за пару минут
Часть 42 - Без заголовка
Часть 43 - 9 простых рамочек для текста.