РАМКА
16-02-2015 13:37
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Юлия_Гурбер Оригинальное сообщение
_______________________________________________________________
1.
Обводка внутри рамки (блока)
_________________________________________________________________
2.
___________________________________________________________________
3.
__________________________________________________________________________
4.
________________________________________________________________________
5.
_____________________________________________________________________
6.
_________________________________________________________________
7.
Здесь будет ваш текст... 
[показать]
_________________________________________________________________________
8.
___________________________________________________________________
9.
______________________________________________________________________
10.
________________________________________________________________________
11.
__________________________________________________________________
12
_____________________________________________________________________
13.
______________________________________________________________________
15.
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Юлия_Гурбер Оригинальное сообщение
 |
|
_______________________________________________________________
1.
Обводка внутри рамки (блока)
Хочу представить вам вот такую симпатичную рамку с пунктирной обводкой внутри.
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)
Рассмотрим значения по порядку написания их в коде.
padding: 10px 10px; — расстояние от края рамки (бордюра) до текста. При необходимости меняем "10" на другую цифру.
background: #FE9980; — фон для записи. Можно вместо #FE9980 подставить другой цвет.
width: 610px; — ширина рамки. Вместо "610" указываем своё значение.
font-size: 27px; — размер шрифта.
font-family: Monotype Corsiva; — вид шрифта. Можно поменять Monotype Corsiva, например, на Georgia.
color: #fff; — цвет шрифта.
border: 2px dashed #fff; — это пунктирная обводка. Можно вместо "2" указать другой размер, а вместо "fff" подставить другой цвет.
border-radius: 3px; — скругление углов в рамке.
box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); — Внимание! В этой строке меняем обязательно только цвет #FE9980. Он должен быть идентичен с фоном для записи. Это будет продолжением нашего фона над пунктирной обводкой.
text-shadow: -1px -1px #aa3030; — возвращаемся к шрифту... Это его тень, то есть величина "-1" и цвет тени "#aa3030".
Подготовила Юлия Гурбер
Не правда ли, похоже на прошивку? Этим можно играть, подбирая тканевые цвета. Например, голубой (чем не джинс?)
Текст
Ваша подпись
Рассмотрим значения по порядку написания их в коде.
padding: 10px 10px; — расстояние от края рамки (бордюра) до текста. При необходимости меняем "10" на другую цифру.
background: #FE9980; — фон для записи. Можно вместо #FE9980 подставить другой цвет.
width: 610px; — ширина рамки. Вместо "610" указываем своё значение.
font-size: 27px; — размер шрифта.
font-family: Monotype Corsiva; — вид шрифта. Можно поменять Monotype Corsiva, например, на Georgia.
color: #fff; — цвет шрифта.
border: 2px dashed #fff; — это пунктирная обводка. Можно вместо "2" указать другой размер, а вместо "fff" подставить другой цвет.
border-radius: 3px; — скругление углов в рамке.
box-shadow: 0 0 0 5px #FE9980, 3px 2px 7px 4px rgba(10,10,0,.5); — Внимание! В этой строке меняем обязательно только цвет #FE9980. Он должен быть идентичен с фоном для записи. Это будет продолжением нашего фона над пунктирной обводкой.
text-shadow: -1px -1px #aa3030; — возвращаемся к шрифту... Это его тень, то есть величина "-1" и цвет тени "#aa3030".
Подготовила Юлия Гурбер
_________________________________________________________________
2.
___________________________________________________________________
3.
__________________________________________________________________________
4.
|
________________________________________________________________________
5.
|
_____________________________________________________________________
6.
_________________________________________________________________
7.
[показать]_________________________________________________________________________
8.
|
___________________________________________________________________
9.
|
______________________________________________________________________
10.
|
________________________________________________________________________
11.
|
__________________________________________________________________
12
|
_____________________________________________________________________
13.
|
______________________________________________________________________
15.
Комментарии (1):
Юлия_Гурбер
20-02-2015-07:42
удалить
Очень признательна за цитирование, Флорочка!
Комментарии (1):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник РАМКА | флора-2014 - Дневник ФЛОРА* |
Лента друзей флора-2014
/ Полная версия
Добавить в друзья
Страницы:
раньше»