(и еще 169550 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
7 правил большого урожая помидоров cтихи анимация бабочки баклажаны бродилка бродилки выпечка гадания генератор анимации генераторы таблиц гороскопы заговоры закуски зельдин календарь карвинг клипарт коллажи молитва мудрость музыка нужные формулы о.господи паприка пасха печенье плов под чинарой полезно знать рамочки рецепты с радугой по жизни салаты стихи таблица безопасных цветов творчество тест тесты торт торты уроки флеш бродилки флешки фоны фоторедактор шпаргалка шпаргалки шрифт японская кухня
ДЛЯ ТВОРЧЕСТВА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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 - ДЛЯ ТВОРЧЕСТВА
Часть 2 - Простые рамки для текста
Метки: рамочки |
ДЛЯ ТВОРЧЕСТВА |
|
Метки: рамочки |
ДЛЯ ТВОРЧЕСТВА |
|
Метки: рамочки |
Без заголовка |
Серия сообщений "РАМОЧКИ":
Часть 1 - Без заголовка
Часть 2 - Без заголовка
Часть 3 - Без заголовка
Часть 4 - Без заголовка
...
Часть 11 - Без заголовка
Часть 12 - Без заголовка
Часть 13 - Без заголовка
Метки: рамочки |
Страницы: | [1] |