Тень у рамки... |
Метки: дизайн уроки по html уроки по рамочкам уроки по ли.ру рамочки по формуле |
Простые ОБЪЕМНЫЕ рамочки разной формы |
Серия сообщений "Шпаргалки":
Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 6 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 7 - Красивые слайд-шоу в ваш дневник
Часть 8 - Простые ОБЪЕМНЫЕ рамочки разной формы
Метки: уроки по рамочкам рамочки по формуле |
ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ |
|
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 9 - Учимся делать рамку в три слоя
Часть 10 - ДЕЛАЕМ РАМКУ В ШЕСТЬ СЛОЕВ
Часть 11 - ДЕЛАЕМ РАМКУ В ВОСЕМЬ СЛОЕВ
Часть 12 - Как вставить ПРОКРУТКУ в пост
Часть 13 - Делаем простую Рамку с двигающимся текстом
...
Часть 45 - Как сделать разрезную рамку в ФШ
Часть 46 - Коды для Мейла и ЛиРу
Часть 47 - Делаем разрезную рамку в ФШ
Метки: уроки по рамочкам уроки по html уроки по ли.ру рамочки по формуле |
Как сделать тени в рамочке и на картинках |
Метки: уроки по ли.ру уроки по html генератор рамок уроки по рамочкам |
Примеры работы с тенью текста |
Метки: уроки по рамочкам уроки по html |
Тень для текста |
|
Метки: уроки по ли.ру уроки по html уроки по рамочкам |
Рамки с объемным фоном без фотошопа! |
|
|
|
|
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
Как сделать тень на простой рамочке. |
|
Метки: уроки по рамочкам уроки по html рамочки по формуле |
Объемные рамки разной конфигурации. Без фотошопа! |
|
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
РАМКИ С КРУГЛЫМИ УГЛАМИ БЕЗ ФОТОШОПА |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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" - для отображения во всех остальных браузерах.
Метки: уроки по html уроки по рамочкам уроки по ли.ру |
формула рамки :прокрутка с обводкой и фоном |
Серия сообщений "мои уроки":
Часть 1 - формула рамки :прокрутка в обводке
Часть 2 - формула рамки :прокрутка с обводкой и фоном
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
формула рамки :прокрутка в обводке |
|
Серия сообщений "мои уроки":
Часть 1 - формула рамки :прокрутка в обводке
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
Простая цветная рамка с закруглёнными краями за 5 минут |
<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>
Метки: уроки по рамочкам уроки по html уроки по ли.ру |
Делаем разноцветные рамки |
Здесь будет ваш текст.
Надеюсь, рамка вам нравится...))
Серия сообщений "Делаем рамки":
Часть 1 - Золотая рамочка с фильтром Factory C в ФОТОШОПЕ
Часть 2 - Рамочка с радужным градиентом
...
Часть 40 - Рамка с круглыми углами
Часть 41 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 42 - Делаем разноцветные рамки
Часть 43 - КОД РАЗРЕЗНОЙ ФОТОШОПНОЙ РАМКИ ДЛЯ Ли.Ру.
Часть 44 - Как сделать разрезную рамку в ФШ
Часть 45 - Коды для Мейла и ЛиРу
Часть 46 - Делаем разрезную рамку в ФШ
Метки: уроки по html уроки по рамочкам уроки по ли.ру |
Как быстро найти нужное в коде |
Метки: уроки по html уроки по ли.ру уроки по рамочкам |
По просьбе "скелетик" кода такой рамки. |
Код "скелетик" такой рамки. |
Серия сообщений "МОИ УРОКИ":
Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
...
Часть 21 - LiveInternet – Отношения
Часть 22 - Уменьшаем большую картинку.
Часть 23 - По просьбе "скелетик" кода такой рамки.
Метки: уроки по html уроки по ли.ру уроки по рамочкам |
Рамка с круглыми углами |
|
Метки: уроки по html уроки по ли.ру уроки по рамочкам |
Делаем рамки |
Метки: уроки по рамочкам уроки по фш бродилка |
Страницы: | [1] |