• Авторизация


Моя мастерская 21-11-2010 23:05 к комментариям - к полной версии - понравилось!


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

Для начала..небольшой набор..который состоит вот из таких элементов....
[201x117] [20x275] [10x288] [500x362]
Давайте с вами посмотрим....что мы можем из этого сделать...
Вспомним формулу нашей рамки .Ну...я после многих своих экспериментов поняла что рамка с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>


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

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

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

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

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

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

Ну или вот такой)))
[99x]

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

Ну а что придумаете ВЫ????Тем более что в этом наборе есть и разделитель и еще один бортик)))
Жду ваших работ и предложений........
Да....чуть не забыла...если в этой формуле вместо 600 вначале поставить 300 то получите именно уменьшенные копии такие как у меня))))
Удачи...Ваша Zomka
[показать]
вверх^ к полной версии понравилось! в evernote
Спасибо! Буду учиться.
LAT 02-10-2011-04:21 удалить
Благодарю!!! Подскажите, где можно взять формулу без картинки...Заранее признательна!
zomka 02-10-2011-06:30 удалить
Ответ на комментарий LAT #

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

LAT 02-10-2011-06:57 удалить
С благодарностью и признательностью к Вам!!!
Пока буду разбираться с этими рамочками... Что-то не уверена , что справлюсь... Замечательного Вам настроения!
LAT 02-10-2011-08:06 удалить
Это опять я...Простите за беспокойство! Рамочка получается сразу. Но вставить картинку не могу: пробовала в разных редакторах...Что-то делаю не так?
zomka 02-10-2011-08:19 удалить
Ответ на комментарий LAT # прямо перед словами ВАШ текст надо поставить тег картинки который выглядит так *img src="АДРЕС КАРТИНКИ" /*
вместо звездочек-угловые скобки< и >
Адрес это ссылка на картинку вы просто щелкаете по картинке правой кнопкой мыши и в выпавшем меню выбираете КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ или АДРЕС ИЗОБРАЖЕНИЯ смотря какой у вас браузер и строго следите чтобы не было пробелов между кавычками и ссылкой
LAT 02-10-2011-09:04 удалить
Ответ на комментарий zomka # А если мой текст состоит из 20 картинок?
Не поверите - уже 6 часов сижу, учусь делать рамочки... Всё брошено, на кухню в очках заходить нельзя... Афоризм моего дня:"Рождённый ползать, не мельтеши на взлётной полосе"...
zomka 02-10-2011-10:16 удалить
Ответ на комментарий LAT # для этого есть очень хороший сервис на Я фотках там делаете свой альбом...загружаете фото или картинки и можете сразу код всего альбома получить и этот код втавлять в рамочку....хоть 100 картинок сразу)))
zomka 02-10-2011-10:17 удалить
Ответ на комментарий zomka # если не знаете-подскажу.....но чуть позже...а то сейчас упаду прям возле компа))))всю ночь осваивала флэш
LAT 02-10-2011-11:06 удалить
Ответ на комментарий zomka # Спасибо!!!
Szarmanka 02-10-2011-18:06 удалить
Блогодарю милое солнышко.
[показать]
LERARS 08-10-2011-16:28 удалить
Спасибо за интересный урок!
Планула 29-10-2012-04:23 удалить

...Ну вот,наконец-то, НАШЛА!!! БОЛЬШУЩЕЕ ВАМ СПАСИБО!!!

0_2d54e_b9b34528_L (200x143, Kb)
RiaArei 07-06-2013-02:46 удалить
С благодарностью!
Anushka_M 17-04-2014-08:22 удалить
Спасибо очень интересный урок!!!Цитирую с благодарностью.
Большое спасибо за урок! Всего доброго!
[показать]
Спасибо большое за прекрасный урок!!!!!!!!!!!!!!!!!
Lana4ka_T 29-11-2014-20:12 удалить
Спасибо большое! Классная идея с мастерской, молодчинка!
Inna_Guseva 09-01-2015-23:08 удалить
Огромнейшее СПАСИБО!


Вы сейчас не можете прокомментировать это сообщение.

Дневник Моя мастерская | zomka - Мир входящему,ежели с добром | Лента друзей zomka / Полная версия Добавить в друзья Страницы: «позже раньше»