ДЕВОЧКИ ,УЧИМСЯ ДЕЛАТЬ РАМОЧКИ ! ! !

Понедельник, 15 Марта 2010 г. 16:17 + в цитатник

ДЕВОЧКИ ,УЧИМСЯ ДЕЛАТЬ РАМОЧКИ ! ! !

Уроки от Джулии

Учимся делать рамки.

Для рамки нам нужны фоны и их адреса. Адрес фона всегда начинается с http://
Я лично пользуюсь Радикалом для получения такого адреса. Берётся ссылка под №1.
Итак, начнём.

Ставим первый фон в рамке

СОДЕРЖИМОЕ РАМКИ

ФОН - это код //s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg" из Радикала, ссылка №1
Подставляем этот код вместо слова ФОН

//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg">

//s51.radikal.ru/134/0906/62/493ae9eead5a.jpg">//s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg">

Код картинки берётся из Радикала, ссылка №6. Начинается с У нас это

И что же у нас получилось?

Добавим к картинке текст.

Учимся делать рамки

Как-то он у нас встал не правильно. Будем исправлять. Нам ведь надо, чтобы он был под картинкой и по центру. Используем элемент center, т.е. заключим весь текст в тэги

//s49.radikal.ru/i124/0904/3a/8c432dff930b.jpg"> Учимся делать рамки //s58.radikal.ru/i161/0908/91/4d9087bd7f1c.jpg">

Учимся делать рамки

Вы, конечно, заметили, что текст у меня поменял цвет и размер. Это я добавила некоторые атрибуты текста. Об этом я уже, по-моему, писала. А если нет, то напишу.

Теперь посмотрите на эту же рамку, но с некоторыми изменениями.

Учимся делать рамки

В ней я поменяла значения cellspacing и cellpadding
cellspacing="10" - расстояние между ячейками
cellpadding="0" - отступ текста или следующей рамки от предыдущей (если создаем рамку из нескольких фонов).
10 и 0 меняйте как вам нравится.

Теперь ещё вот, что надо знать

width - это ширина рамки. Если нужна определенная ширина, то вместо 100% ставим нужный размер в пикселях или изменяем количество процентов.
border="0" - толщина рамки в сером цвете. Чтобы не портить красоту, ставьте ноль.
При вставке ссылок будьте внимательны, между ссылкой и кавычками не должно быть пробелов.
Рамку создаем в формате HTML.

Ну вот, пожалуй, и всё для начала. Что не понятно, спрашивайте.

Желаю удачи!

Все уроки http://blogs.mail.ru/mail/moisin/tag/%ef%ee%ec%ee%f9%fc%20%e1%eb%ee%e3%e3%e5%f0%f3