Мобильный LiveInternet Моя рамочка | vdomarvik - Дневник Марина Вдовина |

Авторизация

Дневник vdomarvik Лента друзей - Дневник - Полная версия

Моя рамочка 08-12-2016 23:36 к комментариям - к полной версии - понравилось!

Это цитата сообщения Иннушка Оригинальное сообщение

Моя рамочка

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

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

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

<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 - Окошко для кода.
...
Часть 40 - Рамочки для записей
Часть 41 - Объемная рамочка и объяснение к ней
Часть 42 - Моя рамочка
Часть 43 - Рамочки простые-овальные,светлые-для оформления постов...♥♥♥
Часть 44 - Объёмные,безразмерные рамочки для текста.
Часть 45 - Шпаргалка по созд.рамок+генератор бегущей строки

Серия сообщений "***МОИ РАБОТЫ":
Часть 1 - Шаблоны мой эпиграф
Часть 2 - Эпиграф дневника
...
Часть 15 - Мои рамочки-laptop
Часть 16 - Моя рамочка для видео
Часть 17 - Моя рамочка
Часть 18 - Рамочки "Ribbon"
Часть 19 - **************

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Моя рамочка | vdomarvik - Дневник Марина Вдовина | Лента друзей vdomarvik / Полная версия Добавить в друзья Страницы: раньше»