Делаем простую рамочку из 2-х слоев.

Четверг, 16 Декабря 2010 г. 06:42 + в цитатник

Цитата сообщения nataliya_bezushko

Прочитать целиком В свой цитатник или сообщество!

Урок 1. Делаем простую рамочку из 2-х слоев.

Делаем простую рамочку.
У меня созрела идея написать урок как научится делать рамки может кому то будет интересно, начнём с простой рамки и потом перейдём к рамкам по сложнее.
Сделаем простую рамочку из 2-х слоев (фонов)
Вот такую.

Тут будет располагаться ваш текст! Nataliya Bezushko

Код рамочки

Значения в кавычках можно менять.
Например, размер букв font size="5". Если цифру 5 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв color="#ffffff". Если вместо ffffff (так обозначается белый цвет), поставить 000000 (так обозначается черный цвет), то и буквы станут черного цвета. Шрифт написания букв face="Monotype Corsiva". Если вместо названия шрифта Monotype Corsiva написать Arial, то написание букв изменится.
Теги center - картинка или текст распологаются по центру, block - отступ от края рамки.
НАЧИНАЕМ ДЕЛАТЬ РАМКУ.

Возьмите код-шаблон из окошка в верху где написано код рамки.
Теперь открываем Радикал
Загружаем картинку фона, копируем 1 строчку (ссылка), вставляем сразу после моих слов СЛОЙ ТОНКИЙ РАДИКА№1 в коде. Так же поступаем и со вторым фоном. Будьте внимательны, когда потом начнете стирать мои слова СЛОЙ ТОНКИЙ РАДИКА№1, не заденьте кавычки.
Поэкспериментируйте попеременно с цифрами в cellpadding="2" cellspacing="1", table border="1". Поставьте цифру намного больше чем в коде, чтобы сразу увидеть на что они влияют.
Можете изменить цвет, размер, шрифт текста.
Где вставить ссылку на свой блог, написать текст и куда вставлять картинку, думаю понятно. Картинка, в данном случае, РАДИКА№6 Картинку можно поставить и под текстом, если захочется. Поменяйте ее местами с текстом и всё.

Пробуйте, у Вас получится!
ЖЕЛАЮ УДАЧИ!

Серия сообщений "МОИ УРОКИ":

Часть 1 - Урок 1. Делаем простую рамочку из 2-х слоев.
Часть 2 - Как скопировать код рамки из окошка и перенести рамку в свой дневник.
Часть 3 - Урок 2. Сделаем простую рамочку из 3-х слоев
...
Часть 11 - Как сделать самому баннер.
Часть 12 - УРОК 6. Делаем рамку с падающим снегом.
Часть 13 - УРОК 7. Делаем рамку с падающим снегом.

Серия сообщений "делаем рамки сами":
Часть 1 - Делаем рамочки за несколько минут!
Часть 2 - Учимся делать рамку.
...
Часть 10 - Жёсткая рамка (урок)
Часть 11 - Делаем рамку с падающим снегом.
Часть 12 - Делаем простую рамочку из 2-х слоев.