Моя рамочка
рамочку сделала с помощью ее поста.
Выкладываю для всех, кому понравиться. Буду очень рада!
Код общей рамки внутри которой будет еще 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;
|
|
Немного путанно,но спрашивайте,всегда расшифрую :-) |
|
Серия сообщений "***УРОКИ-КОД рамочки":
Часть 1 - Рамка-шаблон с окошком,с розой
Часть 2 - Окошко для кода.
...
Часть 40 - Рамочки для записей
Часть 41 - Объемная рамочка и объяснение к ней
Часть 42 - Моя рамочка
Часть 43 - Рамочки простые-овальные,светлые-для оформления постов...♥♥♥
Часть 44 - Объёмные,безразмерные рамочки для текста.
Часть 45 - Шпаргалка по созд.рамок+генератор бегущей строки
Серия сообщений "***МОИ РАБОТЫ":
Часть 1 - Шаблоны мой эпиграф
Часть 2 - Эпиграф дневника
...
Часть 15 - Мои рамочки-laptop
Часть 16 - Моя рамочка для видео
Часть 17 - Моя рамочка
Часть 18 - Рамочки "Ribbon"
Часть 19 - **************
Удачи!
