Моя мастерская

Суббота, 11 Января 2014 г. 06:58 + в цитатник

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

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

Открываю метку МАСТЕРСКАЯ
Что будет в ней? А будем вместе с вами творить...фантазировать и удивлять друг-друга своими способностями, которые в себе раньше и не подозревали))))..Это будет своеобразным продолжением моих уроков о рамочках...Но сейчас творить или МАСТЕРИТЬ будем вместе)))
Итак.....в добрый путь...

Для начала..небольшой набор..который состоит вот из таких элементов....

Давайте с вами посмотрим....что мы можем из этого сделать...
Вспомним формулу нашей рамки .Ну...я после многих своих экспериментов поняла что рамка с6-7 слоями самая удобная и самая востребованная...Значит будем брать именно вот такую формулу

<div style="background: url('АДРЕС СЛОЯ'); border-style:groove;padding:9px;width:600px"><div style="background: url('АДРЕС СЛОЯ'); border-style:groove; color:#003300;padding:33px;"><div style="background: url('АДРЕС СЛОЯ'); border-style:groove; color:#ffcc99;padding:9px;"><div style="background: url('АДРЕС СЛОЯ'); border-style:groove ; color:#003300;padding:13px;"><img src="АДРЕС КАРТИНКИ" width="99%">

<div style="text-align: center; font: 20px Tahoma;font-style:; color: #000000; padding:2px;">ВАШ
ТЕКСТ
КАРТИНКА
</div></div></div></div></div>

Вместо АДРЕС СЛОЯ вставляем ссылку на избражение вот такого вида
//img-fotki.yandex.ru/get/5801/zomka.c9/0_563a5_65af32d6_M
то есть кликаем по любому фону правой кнопкой мышки и выбираем *копировать ссылку на изображение* или *копировать адрес изображения* в зависимости от того у кого какой браузер...
По этой формуле получим вот такую рамочку...

ВАШ
ТЕКСТ
КАРТИНКА

Первыми тремя слоями можно "играться "Меняем их местами...а точнее просто в формуле ставим по другому адреса фонов В этом случае можем получить...

ВАШ
ТЕКСТ
КАРТИНКА

Оставим только один адрес одного слоя и изменим ширину каждого из трех слоев (это цифры атрибута padding в конце каждого слоя) и получим вот такой результат...

ВАШ
ТЕКСТ
КАРТИНКА

Ну или вот такой)))

ВАШ
ТЕКСТ
КАРТИНКА

Ну а что придумаете ВЫ????Тем более что в этом наборе есть и разделитель и еще один бортик)))
Жду ваших работ и предложений........
Да....чуть не забыла...если в этой формуле вместо 600 вначале поставить 300 то получите именно уменьшенные копии такие как у меня))))
Удачи...Ваша Zomka