-Поиск по дневнику

Поиск сообщений в zomka

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.03.2010
Записей:
Комментариев:
Написано: 15117


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

Воскресенье, 21 Ноября 2010 г. 23:05 + в цитатник

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

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

Давайте с вами посмотрим....что мы можем из этого сделать...
Вспомним формулу нашей рамки .Ну...я после многих своих экспериментов поняла что рамка с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
Рубрики:  Мастерская
Учимся делать сами. творить и фантазировать


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

ЛюдоМилка   обратиться по имени Воскресенье, 21 Ноября 2010 г. 23:17 (ссылка)
спасиб - и молодца...
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 22 Ноября 2010 г. 01:34ссылка
на здоровье)))пользуйтесь
Любовь_Терехова   обратиться по имени Воскресенье, 21 Ноября 2010 г. 23:53 (ссылка)
Большое спасибо! Надо потренироваться!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 22 Ноября 2010 г. 01:35ссылка
тут все просто)))тренируйтесь..Будут вопросы...обращайтесь)))Только не забывайте убирать галочку при слхранении работы....АВТОМАТИЧЕСКИ ПЕРЕВОДИТЬ......
татьяна_татуревич   обратиться по имени Понедельник, 22 Ноября 2010 г. 00:04 (ссылка)
супер,молодец..так держать
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 22 Ноября 2010 г. 01:35ссылка
на здоровье)))пользуйтесь
Ketevan   обратиться по имени Понедельник, 22 Ноября 2010 г. 01:04 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 22 Ноября 2010 г. 01:35ссылка
спасибо)))
уврик   обратиться по имени Спасибо! Понедельник, 22 Ноября 2010 г. 09:42 (ссылка)
Будем учиться!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 22 Ноября 2010 г. 10:20ссылка
тут просто....копируйте формулу и вставлйте в неё ссылки вот и все))))
веронесса   обратиться по имени Понедельник, 22 Ноября 2010 г. 10:53 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Nadezhda55   обратиться по имени Понедельник, 22 Ноября 2010 г. 12:56 (ссылка)
Спасибо!Будем пробовать!
Ответить С цитатой В цитатник
Перейти к дневнику
Тамрико70   обратиться по имени Понедельник, 22 Ноября 2010 г. 13:36 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Вкусняшки_от_Карамельки   обратиться по имени Четверг, 25 Ноября 2010 г. 11:06 (ссылка)
Спасибо!
спасибо(девочка) (384x597, 144 Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
dikulya67   обратиться по имени Пятница, 26 Ноября 2010 г. 11:48 (ссылка)
спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
TATYSIY   обратиться по имени Пятница, 26 Ноября 2010 г. 20:23 (ссылка)
Спасибо большое!!буду пробовать еще!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Светлана_Корнилова   обратиться по имени Суббота, 27 Ноября 2010 г. 20:55 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Комментарий удален
Перейти к дневнику
peegles41   обратиться по имени Среда, 08 Декабря 2010 г. 21:12 (ссылка)
Взяла себе. Будет больше времени,обязательно поучусь,а пока я еще новенькая.
61_galaxie (400x200, 35 Kb)
Ответить С цитатой В цитатник
овно4ка   обратиться по имени Четверг, 23 Декабря 2010 г. 23:14 (ссылка)
Спасибо за урок!!
 (128x150, 17Kb)
Ответить С цитатой В цитатник
-ЦитатникРу-   обратиться по имени Вторник, 28 Декабря 2010 г. 18:43 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Natalia_Mihajlenko   обратиться по имени Воскресенье, 18 Сентября 2011 г. 11:50 (ссылка)
Спасибо! Буду учиться.
Ответить С цитатой В цитатник
LAT   обратиться по имени Воскресенье, 02 Октября 2011 г. 04:21 (ссылка)
Благодарю!!! Подскажите, где можно взять формулу без картинки...Заранее признательна!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 02 Октября 2011 г. 06:30ссылка

<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 Октября 2011 г. 06:57 (ссылка)
С благодарностью и признательностью к Вам!!!
Пока буду разбираться с этими рамочками... Что-то не уверена , что справлюсь... Замечательного Вам настроения!
Ответить С цитатой В цитатник
LAT   обратиться по имени Воскресенье, 02 Октября 2011 г. 08:06 (ссылка)
Это опять я...Простите за беспокойство! Рамочка получается сразу. Но вставить картинку не могу: пробовала в разных редакторах...Что-то делаю не так?
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 02 Октября 2011 г. 08:19ссылка
прямо перед словами ВАШ текст надо поставить тег картинки который выглядит так *img src="АДРЕС КАРТИНКИ" /*
вместо звездочек-угловые скобки< и >
Адрес это ссылка на картинку вы просто щелкаете по картинке правой кнопкой мыши и в выпавшем меню выбираете КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ или АДРЕС ИЗОБРАЖЕНИЯ смотря какой у вас браузер и строго следите чтобы не было пробелов между кавычками и ссылкой
Перейти к дневнику

Воскресенье, 02 Октября 2011 г. 09:04ссылка
LAT
А если мой текст состоит из 20 картинок?
Не поверите - уже 6 часов сижу, учусь делать рамочки... Всё брошено, на кухню в очках заходить нельзя... Афоризм моего дня:"Рождённый ползать, не мельтеши на взлётной полосе"...
Перейти к дневнику

Воскресенье, 02 Октября 2011 г. 10:16ссылка
для этого есть очень хороший сервис на Я фотках там делаете свой альбом...загружаете фото или картинки и можете сразу код всего альбома получить и этот код втавлять в рамочку....хоть 100 картинок сразу)))
Перейти к дневнику

Воскресенье, 02 Октября 2011 г. 10:17ссылка
если не знаете-подскажу.....но чуть позже...а то сейчас упаду прям возле компа))))всю ночь осваивала флэш
Перейти к дневнику

Воскресенье, 02 Октября 2011 г. 11:06ссылка
LAT
Спасибо!!!
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Воскресенье, 02 Октября 2011 г. 15:45 (ссылка)
СПАСИБО.
Ответить С цитатой В цитатник
Szarmanka   обратиться по имени Воскресенье, 02 Октября 2011 г. 18:06 (ссылка)
Блогодарю милое солнышко.
Ответить С цитатой В цитатник
LERARS   обратиться по имени Суббота, 08 Октября 2011 г. 16:28 (ссылка)
Спасибо за интересный урок!
Ответить С цитатой В цитатник
GanikoZ   обратиться по имени Воскресенье, 16 Октября 2011 г. 18:58 (ссылка)
спас милая (300x182, 88Kb)
Ответить С цитатой В цитатник
Saechka62   обратиться по имени Суббота, 01 Сентября 2012 г. 09:52 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Планула   обратиться по имени Понедельник, 29 Октября 2012 г. 04:23 (ссылка)

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

0_2d54e_b9b34528_L (200x143, Kb)
Ответить С цитатой В цитатник
RiaArei   обратиться по имени Пятница, 07 Июня 2013 г. 02:46 (ссылка)
С благодарностью!
Ответить С цитатой В цитатник
Дюанка   обратиться по имени Понедельник, 03 Марта 2014 г. 04:27 (ссылка)
Ответить С цитатой В цитатник
Anushka_M   обратиться по имени Четверг, 17 Апреля 2014 г. 08:22 (ссылка)
Спасибо очень интересный урок!!!Цитирую с благодарностью.
Ответить С цитатой В цитатник
Лара_Кремова   обратиться по имени Четверг, 07 Августа 2014 г. 16:54 (ссылка)
Большое спасибо за урок! Всего доброго!
Картинки
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку