Формула рамочки.

Суббота, 18 Ноября 2017 г. 01:54 + в цитатник

Цитата сообщения Иннушка

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

Моя рамочка

С искренней благодарностью к Юлии_Гурбер ,

рамочку сделала с помощью ее поста.

Выкладываю для всех, кому понравиться. Буду очень рада!

<div style="padding: 12px 12px; background: #EFDBB8; width: 720px; font-size: 20px; font-family: PT Serif; color: #8B795E; border: 2px dashed #8d816b; border-radius: 15px; box-shadow: 0 0 0 5px #EFDBB8, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: 1px 1px 1px #000000;"> <text size="4"> <table border="0" cellpadding="0" cellspacing="0" height="106" width="680"> <tbody> <tr> <td> <center> <div style="padding: 12px; background: rgb(239, 219, 184) none repeat scroll 0% 0%; width: 350px; font-size: 20px; font-family: PT Serif; color: rgb(139, 121, 94); border: 2px dashed rgb(141, 129, 107); border-radius: 15px; box-shadow: 0px 0px 0px 5px rgb(239, 219, 184), 3px 2px 7px 4px rgba(10, 10, 0, 0.5); text-shadow: 1px 1px 1px rgb(0, 0, 0);"> <text size="4"> <strong>Текст1</strong><br /> </text></div> </center> </td> <td> <center> <div style="padding: 12px; background: rgb(239, 219, 184) none repeat scroll 0% 0%; width: 250px; font-size: 20px; font-family: PT Serif; color: rgb(139, 121, 94); border: 2px dashed rgb(141, 129, 107); border-radius: 15px; box-shadow: 0px 0px 0px 5px rgb(239, 219, 184), 3px 2px 7px 4px rgba(10, 10, 0, 0.5); text-shadow: 1px 1px 1px rgb(0, 0, 0);"> <text size="4"> <strong>Текст2</strong><br /> </text></div> </center> </td> </tr> <tr> <td colspan="2"> </td> </tr> </tbody> </table> <center> <div style="padding: 12px 12px; background: #EFDBB8; width: 650px; font-size: 20px; font-family: PT Serif; color: #8B795E; border: 2px dashed #8d816b; border-radius: 15px; box-shadow: 0 0 0 5px #EFDBB8, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: 1px 1px 1px #000000;"> <strong><text size="4"><strong>Текст3</strong></text></strong><strong><text size="4"><br /> </text></strong></div> </center> </text></div> </center>

Текст1	Текст2

Текст3

Код общей рамки внутри которой будет еще 3 (Текст1,Текст2,Текст 3)

padding: 12px 12px; — расстояние от края рамки (бордюра) до текста.

При необходимости меняем "12" на другую цифру.
background: #EFDBB8; — фон для записи. Можно вместо #FE9980 подставить другой цвет.
width: 720px; — ширина рамки. Вместо "720" указываем своё значение.
font-size: 20px; — размер шрифта.
font-family: PT Serif; — вид шрифта. Можно поменять на Monotype Corsiva, Georgia.
color: #8B795E; — цвет шрифта.
border: 2px dashed #8B795E; — это пунктирная обводка. Можно вместо "2" указать другой размер, а вместо "8B795E" подставить другой цвет.
border-radius: 15px; — скругление углов в рамке.
box-shadow: 0 0 0 5px #EFDBB8, 3px 2px 7px 4px rgba(10,10,0,.5); — Внимание! В этой строке меняем обязательно только цвет #EFDBB8. Он должен быть идентичен с фоном для записи. Это будет продолжением нашего фона над пунктирной обводкой.
text-shadow: 1px 1px 1px #000000; — возвращаемся к шрифту... Это его тень, то есть величина "1" и цвет тени "#000000".

Код рамки -Текст 1 Те же параметры только поменяла разер таблицы=width: 350px;	Код рамки -Текст 2 Те же параметры только поменяла разер таблицы=width: 250px;
Код рамки -Текст 2 Те же параметры только поменяла разер таблицы=width: 650px;
Немного путанно,но спрашивайте,всегда расшифрую :-)

<center> <div style="padding: 12px 12px; background: #EFDBB8; width: 720px; font-size: 20px; font-family: PT Serif; color: #8B795E; border: 2px dashed #8d816b; border-radius: 15px; box-shadow: 0 0 0 5px #EFDBB8, 3px 2px 7px 4px rgba(10,10,0,.5); text-shadow: 1px 1px 1px #000000;"> <text size="4"> <strong>Текст</strong><br /> </text></div> </center>

Текст

Серия сообщений "***РАМКИ для текста":
Часть 1 - Однотонные рамочки для записей
Часть 2 - Рамочка с прокруткой от "Flash Magic".
...
Часть 11 - Рамочки для видео (525х290),(600х370)
Часть 12 - Прозрачная рамочка с прокруткой от "Vi-Natalka"
Часть 13 - Моя рамочка
Часть 14 - Рамочки простые от "woman_by"
Часть 15 - Бордюрные рамочки для текста
...
Часть 33 - Золотые рамки с прокруткой
Часть 34 - Золотые рамки с прокруткой 2
Часть 35 - Рамка с листиком