На нашем сайте, мы не только выставляем картинки, но и пишем уроки.
Не переводные и не скопированные с чужих сайтов, а свои, рассказываем
и расписываем то, чему научились сами. Причем очень подробно и доступно.
Доступно так, что даже новичок по уроку
сможет сделать свою первую в жизни анимацию )))
Дорогие друзья! Я уже рассказывала и показывала, как сделать простую рамку. В этом уроке мы тоже будем учиться делать рамку, но уже многослойную и с картинкой! Итак: для того, чтобы сделать многослойную рамочку нужно знать формулу: *Вы ее найдете в конце поста под готовой рамкой!
Вот так выглядит рамочка без фонов
Ваш текст
Чтобы Вам было легче ориентироваться, я сразу подписала, куда вставлять ваши фоны и сейчас на примере покажу! Для этого я возьму фоны, которые буду использовать как пример.
Нам понадобится 3 фона
1.
2.
3.
Берем первый фон и вставляем его в формулу, где подписано "АДРЕС ФОНА - 1 " строго между кавычками.
1.
Ваш текст
Тоже самое проделываем со вторым фоном. Вставляем его в формулу, где подписано "АДРЕС ФОНА - 2 " строго между кавычками.
2.
Ваш текст
Чтобы рамка у нас получилась красивая, а не просто набор фонов (хотя конечно это на ваше усмотрение) мы снова берем 1 фон и вставляем в формулу "АДРЕС ФОНА - 3(1)"
3.
Ваш текст
И предпоследним шагом у нас будет последний из трех фонов - это фон, на котором будет виден ваш текст. Вставляем его, так же как и предыдущие, в формулу кода, где подписано "ФОН ТЕКСТА"
4.
Ваш текст
Вот в принципе наша рамочка и готова!!! Как ведите, ничего сложно здесь нет! Но есть еще одно дополнение. Еще в рамках размещают картинки. Для примера я возьму вот такую надпись - картинку Вставить картинку нужно туда, где подписано "ЗДЕСЬ БУДЕТ КАРТИНКА" И не забывайте, что вставлять адрес картинки, как и фоны нужно строго между кавычками!!!
Далее нам нужно пописать свою рамочку! "АДРЕС ВАШЕГО БЛОГА" и >ВАШ НИК или ИМЯ<
И ТАК: Если Вы все сделали правильно, то у Вас должна, получится вот такая многослойная рамочка...
Картинки выложены в превью, чтобы уменьшить трафик, если хотите какую-то посмотреть полностью - просто нажмите на нее. Посмотреть остальные... Nataliya_Bezushko
Nataliya_Bezushko
Смотреть дальше
