-Рубрики


Как делать рамку

Воскресенье, 16 Октября 2011 г. 18:25 + в цитатник
Цитата сообщения 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
Рубрики:  ► ВСЁ ДЛЯ ДНЕВНИКА/* Коды *
Beautiflash_

Понравилось: 14 пользователям

Планула   обратиться по имени Понедельник, 29 Октября 2012 г. 05:43 (ссылка)
НУЖНОЕ!!! СПАСИБО!!! Буду учиться!!!
В цитатник
Beauti_Flash   обратиться по имени Понедельник, 29 Октября 2012 г. 22:53 (ссылка)
Планула, учись ,учись!!!
В цитатник
Лара_Кремова   обратиться по имени Четверг, 07 Августа 2014 г. 16:54 (ссылка)
Полезная информация! Спасибо,Тамара!
Картинки
В цитатник
Перейти к дневнику

Четверг, 07 Августа 2014 г. 17:23ссылка
Лара_Кремова, пожалуйста!ЛАРОЧКА
КЛИМОВА_ТАМАРА   обратиться по имени Воскресенье, 28 Сентября 2014 г. 23:14 (ссылка)
Мне здесь многое понравилось. Спасибо.
В цитатник
Перейти к дневнику

Воскресенье, 28 Сентября 2014 г. 23:17ссылка
САВЕНКОВА_ТАМАРА, ПОЖАЛУЙСТА!
К дневнику Страницы: [1] [Новые]