Свеча горит и плавно тает Так и сгорает наша жизнь.(рамочка с прокруткой) |
Метки: рамки |
Без заголовка |
Метки: рамки |
Без заголовка |
Метки: рамки |
Без заголовка |
Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
<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 - День святого апостола Андрея Первозванного
...
Часть 7 - Рождество Христово. Музыкальная рамочка
Часть 8 - Крещение Господне. С праздником!
Часть 9 - С Крещением . Рамочка для текста
Метки: рамки |
Без заголовка |
Вариант 1 | ![]() | Изображение заключено в двойную рамку: стиль double; |
Метки: рамки |
Без заголовка |
Метки: рамки |
Без заголовка |
Серия сообщений "Романтическая":
Часть 1 - Ангельское
Часть 2 - Запоздалый привет
...
Часть 16 - Может радость твоя недалёко
Часть 17 - Очарование моё. Рамочка для текста
Часть 18 - Рамочка для поздравлений
Метки: рамки |
Без заголовка |
Метки: рамки |
Без заголовка |
Метки: рамки |
рамки |
Метки: рамки |
рамки |
![]() ![]() ![]() ![]() ![]() ![]() |
Серия сообщений "Разделители для блогов":
Часть 1 - Новая коллекция разделителей
Часть 2 - Коллекция НОВОГОДНИХ разделилей
...
Часть 8 - Коллекция разделителей На тему ЕДА НАПИТКИ.
Часть 9 - Большая коллекция красивых разделителей.
Часть 10 - Большая коллекция ЗОЛОТЫХ разделителей
Метки: рамки |
рамки |
Метки: рамки |
рамки |
Метки: рамки |
рамки |
Метки: рамки |
рамки |
МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
Метки: рамки |
рамки |
формулы рамочек
![]() ![]() ![]() РАМОЧКИ,как инетовский вид ТВОРЧЕСТВА (начальный курс) *** ...ЗДЕСЬ собраны все формулы несложных рамочек,начиная от простейшей ...многие мои Друзья и Гости блога благодаря именно им приобщились к своеобразному,увлекательному, инетовскому виду творчества - изготовлению РАМОЧЕК....и,если у Вас еще нет никакой информации,о том,как и што нужно делать,чтобы самому конструировать рамки...,не поленитесь ПРОЧИТАТЬ: А)...как ПРАВИЛЬНО СКОПИРОВАТЬ КОД рамочки, можно прочитать ЗДЕСЬ !!! Б)...как ПРАВИЛЬНО ВСТАВИТЬ КОД рамочки в новую запись блога УЗНАЕТЕ ЗДЕСЬ: В)...чтобы ознакомиться с МЕТОДИКОЙ самостоятельного изготовления РАМОЧЕК,формулы которых приведены ниже, НАЖМИТЕ СЮДА !!! ........ 1.формула "ФОН записи": - 2.формула "ТЕКСТ на КАРТИНКЕ": - 3.формула рамочки "с текстом или картинкой "в РАЗРЫВЕ": - 3.1.формула рамочки "с текстом или картинкой "в РАЗРЫВЕ" слева: - 3.2.формула рамочки "с текстом или картинкой "в РАЗРЫВЕ" справа: - 4.формула рамочки "в 1 СЛОЙ ": - 5.формула рамочки "в 2 СЛОЯ": - 6.формула рамочки "в 3 СЛОЯ": - 7.формула рамочки "в 4 СЛОЯ ": - 8.формула рамочки "в 5 СЛОЕВ": - 9.формула рамочки "в 6 СЛОЕВ": - 10.формула "окошка для кода записи или рамки": - ![]() ...освоив построение простейших рамочек,переходите к сложным...ОНИ ЗДЕСЬ... ФОРМУЛЫ усложненных рамок ...продолжение следует... *** ![]() ![]() |
Метки: рамки |
рамки |
Метки: рамки |
Страницы: | [1] |