Ну что ...давно вы не читали моих уроков и не учились новому...То что вы проделываете со своими рамками -похвально...Вижу что я вас многих чему то научила...Умнички..У некоторых даже свой стиль "образовался" И это похвально....потому что узнаваемо))))А сегодня мы поговорим еще о рамочках...Я уже насмотрелась на мигание ...мерцание....блескучести и тому подобное и вот решила вас немного в другое русло "повернуть"..А вдруг вам спокойствие и классика понравится больше чем авангард и анархизм))))Для начала скажу....что при этих формулах не надо искать и подбирать такие разные и многообразные фоны , а надо всего-навсего иметь таблицу цветов под рукой....и формулу =шаблон слоя рамки (как обычно) А все остадльное это ваша фантазия...
Итак.....приступим...
Что нам необходимо..
1. Таблица цветов
вот она http://web.njit.edu/~kevin/rgb.txt.html
кстати...больше этой таблицы и полнее просто не существует...
2. Шаблон-формула слоя
/www.fiestac.com/fondos/tira09.jpg"" target="_blank">http://www.fiestac.com/fondos/tira09.jpg") repeat scroll 0% 0% transparent; border-style: ridge; width: 90%; color: rgb(0, 51, 0); padding: 4px;">
<div style="background-color:#КОД ЦВЕТА ФОНА; border-style: ridge; color:#КОД ЦВЕТА БОРДЮРА;padding:8px;">
Что в ней такое есть?
Код цвета фона -это мы выбираем цвет каким хотим видеть фон рамки
Код цвета бордюра-это тот самый бордюрчик чья цветная полоса окаймляет нашу рамку и каждый слой...
ну и естественно шаблон текстового слоя.
/www.fiestac.com/fondos/tira09.jpg"" target="_blank">http://www.fiestac.com/fondos/tira09.jpg") repeat scroll 0% 0% transparent; border-style: ridge; width: 90%; color: rgb(0, 51, 0); padding: 4px;">
С ним мы уже знакомы
Итак...схема работы...как обычно
1.Открываем окно с таблицей цветов..
2.открываем окно с "записать мысль"
3.Копируем шаблон-формулу нового слоя
4.Вставляем его в "записать мысль" 4 раза и в каждом слое СТАВИМ СВОИ ЦВЕТОВЫЕ ПАРАМЕТРЫ ВМЕСТО КОДА ЦВЕТА ФОНА взяв их в таблице цветов в колонке "RGB Hex"(она четвертая по счету) а вот код цвета бордюра должен быть один и тот же у всех 4-ёх слоев
5.добавляем в хвост текстовой слой-шаблон
и вот что получаем (я взяла синюю палитру цветов Они удобны тем что палитра одного цвета рядом так что просто выбираете близкородственные и сочетаемые цвета..)
Да..кстати...в последнем перед текстовым слоем( в 4-ом )ширину слоя поставьте 2 пикс.
ВАШ
ТЕКСТ
КАРТИНКА
Теперь выбираем какую нибудь картинку клип арт на прозрачном фоне
Ну например вот такую [300x250]
вот её код
<img src="http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9aa_9d8b3a8e_M">
Она несколько великовата...поэтому как я вас учила в конце кода перед угловой скобкой добавляем теги
width="100" height="80"
и получаем вот такую уже картинку
смотрите и корректируете размеры в этих подставленных тегах чтобы картинка была пропорциональной...меняете или ширину(она первая) или высоту но по чуть-чуть
И вот этот код
<img src="http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9aa_9d8b3a8e_M"width="100" height="80">
Да..кстати..забыла сказать .ВСЕ ЧТО В КОДЕ КАРТИНКИ ЕСТЬ ЕЩЕ===стираем нафиг...нам больше ничего не нужно там может быть атрибут* border * или *alt* и цифры при них вот ЭТОГО НИЧЕГО НЕ НАДО ну или не нужно))))
Так вот...отвлеклась...этот код
берем и вставляем сразу перед словом ВАШ Вставили? Теперь ЕЩЕ РАЗ в хвост предидущему..А теперь немного доработаем...У нас перед словом ВАШ два кода одинаковых так вот в конце первого кода перед угловой скобкой ставим тег
align="left" Он будет выглядеть вот так
<img src="http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9aa_9d8b3a8e_M"width="100" height="80" align="left">
это значит картинка справа
а во второй код добавляем в конце
align="right"
и он будет выглядеть вот так
<img src="http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9aa_9d8b3a8e_M"width="100" height="80" align="right">
и вот что мы имеем
ВАШ
ТЕКСТ
КАРТИНКА
Нравится???Я думаю ..да..Что еще можем сделать.Ах да...Не забываем закрывашки для слоев...у нас 4 слоя плюс текст значит их в конце должно быть 5..
Ну можем еще взять просто код маленькой этой картинки и поставить сразу после слова КАРТИНКА и тега* br*и вот что мы получим
вот код
<img src="http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9aa_9d8b3a8e_M"width="100" height="80">
и вставляем....получаем
ВАШ
ТЕКСТ
КАРТИНКА
а вот тут код всей этой рамочки в котором вы уже умеете разбираться))))Проверьте...сравните....и СДЕЛАЙТЕ САМИ!!!
/img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9aa_9d8b3a8e_M"width="100"" target="_blank">http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9...e_M"width="100" height="80"align="left" ><img src="http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9...e_M"width="100" height="80"align="right">ВАШ <br>ТЕКСТ<br>КАРТИНКА<br><img src="http://img-fotki.yandex.ru/get/5102/zomka.9d/0_4d9...e_M"width="100" height="80"></div></div></div></div></div>" size="35" />
Вот как просто только с одной таблицой цветов и формулами шаблонами....да еще имея картинки которые можно вставлять мы сделали рамочку...Должна сказать получилось прикольно)))
Удачи....мои хорошие...Экспериментируйте!!!
Ваша Zomka
[587x30]
