Инструмент для подбора цветов и генерации цветовых схем |
|
|
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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" - для отображения во всех остальных браузерах.
Метки: уроки |
УРОКИ по созданию рамочек |
УРОКИ по созданию рамочек
Метки: уроки |
как обычную картинку поместить на анимированую |
Метки: уроки |
Уроки фотошопа |
Метки: уроки |
Как сделать кликабельную ссылку |
Метки: урок |
Делаем рамочку в Онлайн фото редактор |
Ваш текст |
Серия сообщений "ДЕЛАЕМ РАМОЧКИ":
Метки: УРОК |
Как использовать формулу разрезной рамочки) |
Метки: УРОК |
Делаем простую рамочку" |
Продолжаю уроки в программе Paint.NET. Уроки подготовила сама, любое сходство с другими источниками - исключается! Дополнение к уроку "Делаем простую рамочку" Урок ЗДЕСЬ: http://blogs.mail.ru/mail/lidiya-spichka/2C22C76AA20A6C38.html ВНИМАНИЕ! В этом уроке постаралась подробнее остановиться на оформлении обводки рамочки. Внимательно читайте урок и это поможет Вам избежать ошибок! * * * Читать далее | |
lioness |
Метки: урок |