для оформления блога/рамка уроки/шпаргалка.самое нужное

Записи с меткой шпаргалка.самое нужное

(и еще 79 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

благодарю блестяшки.картинки видео-уроки дети. женщины живопись животные здоровье иллюстрации интересно. информацияискуство картинки с кодами клипарт клипарт цветы коллажи коллажи в кореле кулинария мои работы мои рамки-фотошоп натюрморты открытка с надписью открытки. плееры подарок полезные советы праздникиприрода. программы рамка рамки разные рамки с девушками рамки цветочные ретро-фото. ссылки стихи схемы тесты уроки в corelуроки от гурьяновой уроки фотошопа фильтрыплагины флеш-материал флешки фоны фоны текстуры и др. для ф/ш фотошоп для начинающих художники цветы шпаргалка.самое нужное

http://www.liveinternet.ru/users/3370207/tags/%F8%EF%E0%F0%E3%E0%EB%EA%E0.%F1%E0%EC%EE%E5%20%ED%F3%E6%ED%EE%E5/

РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА

ДЕЛАЕМ РАМКИ С КРУГЛЫМИ УГЛАМИ
БЕЗ ФОТОШОПА

Многие спрашивают, как сделать рамочку с круглыми углами?

ЕгороваТатьяна уже разьясняла,как это делается: тут

Немного дополню её, в своём маленьком уроке

По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.

Рассотрим,из чего же состоит наша формула
 

ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА
 

Это часть нашей формулы, один "контейнер" (их может быть несколько)<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" - для отображения во всех остальных браузерах.

Рубрики:  для оформления блога/рамка уроки/шпаргалка.самое нужное