Дорогие друзья!
Я уже рассказывала и показывала, как сделать простую рамку.
В этом уроке мы тоже будем учиться делать рамку, но уже многослойную и с картинкой!
Итак: для того, чтобы сделать многослойную рамочку нужно знать формулу:
*Вы ее найдете в конце поста под готовой рамкой!

Вот так выглядит рамочка без фонов


Чтобы Вам было легче ориентироваться, я сразу подписала, куда вставлять ваши фоны и сейчас на примере покажу!
Для этого я возьму фоны, которые буду использовать
как пример.

Нам понадобится 3 фона

1.

2.

3.

Берем первый фон и вставляем его в формулу, где подписано
"АДРЕС ФОНА - 1 " строго между кавычками.

1.

Тоже самое проделываем со вторым фоном.
Вставляем его в формулу, где подписано "АДРЕС ФОНА - 2 " строго между кавычками.

2.

Чтобы рамка у нас получилась красивая, а не просто набор фонов (хотя конечно это на ваше усмотрение) мы снова берем 1 фон и вставляем в формулу "АДРЕС ФОНА - 3(1)"

3.

И предпоследним шагом у нас будет последний из трех фонов - это фон, на котором будет виден ваш текст. Вставляем его, так же как и предыдущие, в формулу кода, где подписано
"ФОН ТЕКСТА"

4.

Вот в принципе наша рамочка и готова!!!
Как ведите, ничего сложно здесь нет!
Но есть еще одно дополнение.
Еще в рамках размещают картинки.
Для примера я возьму вот такую надпись - картинку

Вставить картинку нужно туда, где подписано
"ЗДЕСЬ БУДЕТ КАРТИНКА"
И не забывайте, что вставлять адрес картинки, как и фоны нужно строго между кавычками!!!

Далее нам нужно пописать свою рамочку!
"АДРЕС ВАШЕГО БЛОГА" и >ВАШ НИК или ИМЯ<

И ТАК: Если Вы все сделали правильно, то у Вас должна, получится вот такая многослойная рамочка...



Код рамки без картинки



Код рамки с картинкой






Автор  Valdiviya Для сообщества  Полезные уроки для Блога