Предыдущий пост по этой теме.
В этом посте расскажу как сделать вот такую рамку.
Наша рамка(см.пример выше) состоит из двух
основных фонов:фон "каймы"(см.скрин ниже №3),основной фон внутри рамки(№2)
и двух одинаковых фонов обводок каймы(№1).
Я взяла все фоны бесшовные,но это по вашему желанию.
Готовая уже рамка содержит в себе:
*два разделителя(№ 4,5)
*два графических баннера(№6,7)
(картинки-посылалки)
Загружаем все фоны,изображения в ПНЗ личного блога,
т.к.загружать на Рамочник всё будем именно с
Майловского фотохостинга.
Заходим на Рамочник,выбираем тип рамочки №1
(он стоИт по умолчанию),определяем размеры и
переходим непосредственно к моделированию
нашей рамки:
Поочерёдно загружаем фоны с Майловского
фотохостинга так,как я показала на скрине №3.
Вот что у вас должно получиться(см.скрин №4)
а вот так будет выглядеть рамка после того,
как вы загрузите фоны(см.скрин №5)
Не спешите радоваться,это ещё не всё...
Начинаем работать над содержимым рамки,
а именно нам нужно ещё загрузить разделители
и граф.баннеры,а если ваша рамка будет содержать
текст,то его тоже нужно отформатировать.
Впринципе,это можно сделать и в ПНЗ личного
блога,куда вы разместите потом код рамки,
(как это сделать я рассказывала в этом посте)
но я сделаю это в Рамочнике.
Переходим в графу "содержимое рамки: общая"
и загружаем наш первый разделитель так,как
я показала на скрине №6.
Внимание!В моей рамке разделители и первая
картинка-посылалка находятся НАД текстом,
значит и загружать изображения нужно будет
так,как я показала на скрине №7,а именно текст
должен находиться ниже загруженных изображений.
При загрузке первого граф.баннера,мы вставляем не
только прямую ссылку на изображение,но и адрес,
куда будет посылать наш баннер при нажатии на него
"мышкой"(см.скрин № 8)
При желании можно поточнее указать размеры
изображения и т.д.
Вот что вышло после загрузки(см.скрин 9)
Загружаем второй разделитель,форматируем
текст рамки(см.скрин №10,10а)
Второй граф.баннер я вставлю в ПНЗ блога,
уже в готовую рамку,применив вот этот HTML-код.
Зайдя в графу "ваша подпись" подписываем
свою рамку(см.скрин №11,11а)
Вот и всё,рамочка готова,копирую в спец.окошке
готовый код рамки для Mail.Ru
"блоги mail.ru(альтернативный)"
и размещаю его в панели новой записи своего
блога на Mail.Ru.
Всем творческих успехов,если возникнут вопросы,
после моего урока,то с удовольствием на них отвечу.
Помощь по теме поста:
HTML.4-х слойная рамка с фонами.
Помощь блоггеру:html-ка Mail.Ru(коды).
Кому нужен код поста,спросить у меня лично.
В коде поста ничего не менять,доступ к записи только для Вас. | ~АмаZона Анна ~ для группы:Mail.Ru-блоги,сообщества. |