(и еще 170100 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
анекдот анимэ веранадеждалюбовь видео возраст вязание грибы день диета закуски зубы календарь картинки кино кошки маска для лица мелодрама микрофотографии молитва музыка музыкальный плеер о братьях о кино огурцы пасха песни пирог питание погода почки рамочки розы рыба сад сайт салаты семена сказки совет стихи театр тест тесто упражнения уроки фоны фото цветы шьем юмор
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА. |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 15 - Урок"Делаем рамку 8 слоев" (по просьбе)
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."
Метки: рамочки |
Овальная рамочка. |
Серия сообщений "МОИ РАМКИ объемные":
Часть 1 - Рамочка овальная
Часть 2 - Без заголовка
...
Часть 17 - Овальная рамочка
Часть 18 - Рамочка...МАКИ
Часть 19 - Без заголовка
Часть 20 - ...каллы
Часть 21 - Рамочка для записи
...
Часть 25 - Зеленая рамочка,без фотошопа
Часть 26 - Квадратная рамочка без фотошопа
Часть 27 - РАМОЧКА с прокруткой-кулинарная
Метки: рамочки |
Страницы: | [1] |