(и еще 292434 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
аватары. блоги бордюры.фоны. все для дневника. девки. девушки для дневника для дневника. картинки девушки. клипарт клипарт. клипрарт. мои коллажи мои рамочки. мой коллаж мой плэйкаст музыка музыкальные открытки. плееры программы. разделители. рамки. рецепт. рецепты рецепты. скрап наборы. ссылки ссылки. схемы уголки. украшалки. урок. уроки уроки фотошоп. уроки. флеш фон для дневника. фон. фоны фоны для дневника. фоны. фоны.прозрачные. фоны.текстуры. фотошоп украшалки.зима. фотошоп уроки. фотошоп. фотошоп. украшалки. фотошоп.рамки. фотошоп.украшалки. часики.
ДЕЛАЕМ РАМКИ БЕЗ ФОТОШОПА. |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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" - для отображения во всех остальных браузерах.
Метки: уроки |
УРОК =ДЕЛАЕМ ПЛЕЕР С You Tube= |
|
Метки: уроки |
Английский за 10 уроков - видео. |
Метки: уроки |
Уроки |
Метки: уроки |
Без заголовка |
Метки: уроки |
Страницы: | [1] |