Набор рамочек с разрывом

Среда, 04 Февраля 2015 г. 13:19 + в цитатник

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

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

Набор рамочек с разрывом (можно вставлять фон)

Рамочка с внешней тенью

***Картинка в разрыве******Здесь будет Ваш текст***

<center><table style="background-image: url('***Фон -1***'); border: 7px double #FFFFFF; padding: 5px; box-shadow: 0px 0px 20px #000000;" width="700"><tr><td style="padding:30px"><fieldset style="border: 7px double #FFFFFF; padding: 5px; background-image:url('***фон-2***'); box-shadow: 0px 0px 20px #000000;"><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#ffffff;"><center>***Здесь будет Ваш текст***</center><br />
</span></center></fieldset></td></tr></table></center>

Рамочка без тени

***Картинка в разрыве******Здесь будет Ваш текст***

<center><table style="background-image: url('***Фон -1***');border: 7px double #FFFFFF; padding: 5px; " width="700"><tr><td style="padding:30px"><fieldset style="border: 7px double #FFFFFF; padding: 5px; background-image:url('***фон-2***'); "><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#ffffff;"><center>***Здесь будет Ваш текст***</center><br />
</span></center></fieldset></td></tr></table></center>

Рамочка с внутренней тенью

***Картинка в разрыве******Здесь будет Ваш текст***

<center><div style="border:7px double #000066;border-radius:5px;padding:10px;background-image:url('https://img-fotki.yandex.ru/get/4/120937872.166/0_b3ab5_e3245b27_S.jpg');width:75%;box-shadow: inset 0px 0px 35px #000000;"><fieldset style="border: 7px double #000066; padding: 5px; background-image:url('***фон-2***'); box-shadow: 0px 0px 20px #000000;"><legend>***Картинка в разрыве***</legend><center><span style=";font-family:Georgia;font-size:18px;color:#000000;"><center>***Здесь будет Ваш текст***</center><br />
</span></center></fieldset></div></center>

Серия сообщений "рамочник":
рамочник
Часть 1 - Простые рамки с заголовком
Часть 2 - Делаем рамочки в рамочнике
...
Часть 34 - Сделать слайд-шоу
Часть 35 - Таблица "безопасных" цветов
Часть 36 - Набор рамочек с разрывом
Часть 37 - изображение в записи с помощью ССЫЛКИ на КАРТИНКУ с фотохостинга
Часть 38 - Урок.
...
Часть 40 - Урок по рамочкам
Часть 41 - Еще раз о рамочках в 4 слоя-урок
Часть 42 - Рамки с формулой +Урок1