Серия сообщений "Рамки":Выбрана рубрика Рамки.
Часть 1 - Kофейные рамочки!
Часть 2 - Мои рамочки "Чай с розой"
Часть 3 - Рамочка с цветочным декором
Часть 4 - РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА
Kофейные рамочки! |
Серия сообщений "мои кофейно-чайные рамочки":
Часть 1 - Мои рамочки "Чай с розой"
Часть 2 - Kофейные рамочки!
Метки: рамки все о кофе оформление дневника кофейные рамки |
Мои рамочки "Чай с розой" |
|
|
|
Серия сообщений "мои кофейно-чайные рамочки":
Часть 1 - Мои рамочки "Чай с розой"
Часть 2 - Kофейные рамочки!
Метки: оформление дневника рамки |
Рамочка с цветочным декором |
Метки: оформление дневника рамки |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:
"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.
Метки: оформление дневника рамки |
Страницы: | [1] |