-Рубрики

 -Поиск по дневнику

Поиск сообщений в ELMED

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 03.06.2010
Записей: 5967
Комментариев: 3913
Написано: 14381


Как сделать многослойную рамочку

Вторник, 11 Октября 2011 г. 19:51 + в цитатник
Цитата сообщения yaqut Как сделать многослойную рамочку

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

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

Ваш текст

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

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

1. 2. 3.


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

1.
Ваш текст


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

2.
Ваш текст


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

3.
Ваш текст


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

4.
Ваш текст


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

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

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

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



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



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




ПРИЯТНОГО ВСЕМ ТВОРЧЕСТВА!!!!


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

Серия сообщений "УРОКИ":
Часть 1 - Все формы для комментирования
Часть 2 - БУДЬТЕ БДИТЕЛЬНЫМИ!!!!!
...
Часть 18 - Сохранить видео с любого сайта
Часть 19 - Обрамляем картинку.
Часть 20 - Как сделать многослойную рамочку
Часть 21 - Картинки в тексте
Часть 22 - Делаем плеер из видео с youtube!
...
Часть 37 - Как сделать самую простую кликабельную кнопку с надписью!...
Часть 38 - УРОКИ НОВИЧКУ ДЛЯ БЫСТРОГО ОСВОЕНИЯ КОМПЬЮТЕРА.
Часть 39 - Цветные флеш-плееры с кодами

Метки: