-Цитатник

Без заголовка - (10)

Победа Ивана Грозного, которую запретили на века. Мало кто знает об этой битве. Почему? Победа ...

Поздравление от Любаши К ☺ - (4)

С Новым годом, мои друзья и подписчики! Серия сообщений "Мои коллажи-10": Часть 1 ...

Милоты вам на Лиру! - (20)

Олешек - поёт мой сын Андрей

Без заголовка - (12)

С Новым годом, любимый LiveInternet!!! Пусть Новый год звездой счастливой, Войдет в с...

Нужны ли нам "улучшения" на Лиру?... Ой ой...)) - (43)

Премьера Песни - наш ответ Valez на ремонт LiveInternet В связи с ремонтом Лиру и посто...

 -Всегда под рукой

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

Поиск сообщений в Егорова_Таня

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

 

 -Статистика

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


Рамки с объемным фоном без фотошопа!

Среда, 05 Ноября 2014 г. 12:49 + в цитатник
РАМКИ С ОБЪЕМНЫМ ФОНОМ


Не так давно здесь и здесь я давала уроки как делать без фотошопа рамки с круглыми углами и тенью. Сегодня даю небольшое дополнение к предыдущим урокам. Расскажу как сделать объемно-выпуклым центральный фон и вообще любой фон в рамке. Сравните. Рамка А без эффекта объема, рамка Б с таким эффектом и рамка В с усиленным эффектом.

РАМКА А
Здесь будет Ваш текст
Егорова Татьяна


РАМКА Б
Здесь будет Ваш текст
Егорова Татьяна


РАМКА В
Здесь будет Ваш текст
Егорова Татьяна


Можно сделать рамку и с прямыми углами
Здесь будет Ваш текст
Егорова Татьяна


Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

ИТАК.
Ниже в окошках даю коды готовых рамочек и "скелетики" , которые можно использовать в любых вариантах. Их можно использовать как самостоятельную рамку, а можно вставлять в прямоугольные рамки или в такие же рамки с закругленными углами, или в такие круглые рамки вставлять прямоугольные. Можно брать заготовки и из этого урока и из предыдущих. Все зависит от вашей фантазии.

РАМКА с круглыми углами
Код готовой рамки

Код "скелетика" рамки


РАМКА с прямыми углами
Код готовой рамки

Код "скелетика" рамки

Пользоваться "скелетиками" очень просто. Берете из окошка код и вместо моих слов ОБВОДКА, ФОН 1, ЦВЕТ ШРИФТА, РАЗМЕР ШРИФТА ставите свои фоны и значения. Так же вставляете ССЫЛКУ НА ВАШ БЛОГ и ВАШУ ПОДПИСЬ. Как изменить кривизну углов вы можете посмотреть в предыдущих уроках по ссылке в начале поста.

За объем отвечают вот такие параметры в коде рамки- box-shadow: 5px 5px 40px #000000 inset;. Цифры можно менять в большие и меньшие стороны. Цифра 5 отвечает за глубину объема(см. фото А-1), а цифра 40 за плавность перехода объема(см. фото А-2). Тень в "скелетиках" установлена черного цвета, но его можно поменять на любой другой. Для этого надо изменить 6 цифр 000000(см. фото А-3) на нужный код цвета.

Р° (420x117, 74Kb)


Вот такая рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона.
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки




Вот такая необычная рамочка получилась у меня после комбинирования разных по конфигурации рамок и добавления нового фона.
Егорова Татьяна

Код готовой рамки

Код "скелетика" рамки
Метки:  

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

Надежда_Гостевская   обратиться по имени Среда, 05 Ноября 2014 г. 12:50 (ссылка)
Татьяна спасибо большое за урок !!!
Ответить С цитатой В цитатник
Галиночка_1966   обратиться по имени Среда, 05 Ноября 2014 г. 12:51 (ссылка)
Татьяна,спасибо за твои замечательные уроки и щедрую душу...
Ответить С цитатой В цитатник
ВАТ   обратиться по имени Среда, 05 Ноября 2014 г. 12:59 (ссылка)
Спасибо большое, Татьяна! Те уроки я делала, теперь и этот попробую сделать.
Ответить С цитатой В цитатник
Я_просто_Вера   обратиться по имени Среда, 05 Ноября 2014 г. 13:10 (ссылка)
Спасибо большое, Татьяна!
Ответить С цитатой В цитатник
просто__Ольга   обратиться по имени Среда, 05 Ноября 2014 г. 13:12 (ссылка)
спасибо огромное!!!!
Ответить С цитатой В цитатник
rottam   обратиться по имени Среда, 05 Ноября 2014 г. 13:19 (ссылка)
Спасибо большое!!!!
Ответить С цитатой В цитатник
Irina_Gizhdeu   обратиться по имени Среда, 05 Ноября 2014 г. 13:22 (ссылка)
Танюша,приветик!!!Рамочки понравились,но с тех пор,как на мыле все банят и спамят,я так от них отвыкла...(но постик стырю с благодарностью для подружек!)СПАСИБО!!!
Ответить С цитатой В цитатник
Radeia   обратиться по имени Среда, 05 Ноября 2014 г. 13:29 (ссылка)
Интересные работы, благодарю!
Ответить С цитатой В цитатник
Лариса_Виноградова   обратиться по имени Среда, 05 Ноября 2014 г. 13:30 (ссылка)
Танечка,огромное спасибо за урок!!!!!
Ответить С цитатой В цитатник
aleksandrina-60   обратиться по имени Среда, 05 Ноября 2014 г. 13:35 (ссылка)
Егорова_Таня, спасибо!Я попробовала-получилось здорово!
Ответить С цитатой В цитатник
СТРОГАЯ62   обратиться по имени Среда, 05 Ноября 2014 г. 13:42 (ссылка)
Спасибо Танюша,а для майла ты не будешь делать такой урок? Прошлые твои уроки по таким рамочкам на майле уже не работают!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 05 Ноября 2014 г. 14:15ссылка
На mailе многое не работает. Там надо какие-то новые формулы искать. Да и то сомневаюсь, что простоят долго. "Сломают" в очередной раз. Поэтому и голову морочить не хочется
Перейти к дневнику

Среда, 05 Ноября 2014 г. 14:47ссылка
Вот,вот,поэтому то и делать там не хочется нечего!!!!!
ligij8   обратиться по имени Среда, 05 Ноября 2014 г. 13:47 (ссылка)
Благодарю за урок, цитирую с благодарностью.
47739066_1250768703_1_3 (34x49, 2Kb)
Ответить С цитатой В цитатник
Irishka_vot_tak   обратиться по имени Среда, 05 Ноября 2014 г. 13:49 (ссылка)
Большое спасибо, Танечка!!!
Ответить С цитатой В цитатник
марина-значит_морская   обратиться по имени Среда, 05 Ноября 2014 г. 13:52 (ссылка)
спасибо большое
Ответить С цитатой В цитатник
планета111   обратиться по имени Среда, 05 Ноября 2014 г. 13:57 (ссылка)
Спасибо, большое, Татьяна! Цитирую! Пригодится,раньше увлекалась рамками, сейчас фотошоп затмил всё. Рамки очень интересные, у меня есть твой 1 пост по рамкам таким, возьму и это дополнение. Спасибо, за твой труд и щедрость души. Дай бог что б твои желаия все исполнялись. Ты мой первый учитель по рамкам, на майле года 3 назад я по твоим кодам училась И с благодарностью вспоминаю как у тебя хватало терпения на мою тупость.Спасибо тебе ОГРОМНОЕ!!!
Ответить С цитатой В цитатник
Surge_Blavat   обратиться по имени Среда, 05 Ноября 2014 г. 14:00 (ссылка)
Привет, Татьяна! Давно твоих уроков не было, спс!
Ответить С цитатой В цитатник
флора-2014   обратиться по имени Среда, 05 Ноября 2014 г. 14:12 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Ирина_Лыткина   обратиться по имени Среда, 05 Ноября 2014 г. 14:20 (ссылка)
Благодарю Танюша.
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Среда, 05 Ноября 2014 г. 14:27 (ссылка)
KOMJATI, посмотрела. Дааа уж. Неприятное это дело. Она просто выставила фамилии и никаких доказательств... Я даже не поняла о каких кодах она писала.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 05 Ноября 2014 г. 18:31ссылка
да в том то и дело...Но все такие соболезнование сразу стали высказывать!(прям как за упокой...и не разобравшись)...могла хоть ссылку дать что бы народ посмотрел и сравнил...Мне написала под рамочкой...я ей обьяснила и удалила...потом пожалела что так сделала...А как увидела на следующий день всю эту "стирку"...обалдела!И Наденьку влепила с Ларисой!...Успокаивает то что ее 6 тысяч "друзей"...таки прийдут и к нам,блин! Пробежалась по подругам не нашла ни одной ее рамки...Вот такое!
Перейти к дневнику

Среда, 05 Ноября 2014 г. 18:49ссылка
KOMJATI, да наплювай и забудь. Интересно КАК она сама училась рамки делать?Неужели нигде скелетик не брала или чужую рамку не дирабанила?
Перейти к дневнику

Среда, 05 Ноября 2014 г. 19:12ссылка
Танюша, извини, тоже столкнулась с таким случаем, где хозяйка строго запрещала использовать ее скелетик рамочки. Я удивилась. Мы же все почти рамки по формулам делаем, т.е. скелетикам, только свои фоны и прочее ставим. И получаются уже другие рамки... Может я не права?
Перейти к дневнику

Среда, 05 Ноября 2014 г. 19:28ссылка
...наплювала и дальше буду делать рамки ...хоть они здесь никому не нужны! сама редко пользуюсь!Просто нравится делать!спасибо сонечко за поддержку!
Егорова_Таня   обратиться по имени Среда, 05 Ноября 2014 г. 14:27 (ссылка)
KOMJATI, а какую ее рамку ты попробовала сделать? Можешь сюда дать и ее рамку и свою?
Ответить С цитатой В цитатник
ЛЮБА-ЛЮБУШКА   обратиться по имени Среда, 05 Ноября 2014 г. 14:53 (ссылка)
Танечка, Спасибо! Нет пределов Вашей щедрости! Очень люблю все Ваши рамки и сделала их много, теперь-новый виток вдохновения! Ура! Я так рада! Всего-всего в жизни самого наилучшего!
Ответить С цитатой В цитатник
Larisa-seagull   обратиться по имени Среда, 05 Ноября 2014 г. 14:54 (ссылка)
Спасибо Танюша за красоту!!!
Ответить С цитатой В цитатник
Галина_Филиппова-Козлова   обратиться по имени Среда, 05 Ноября 2014 г. 14:57 (ссылка)
Танюша, спасибо за урок.
Ответить С цитатой В цитатник
Альбинчик_Худик   обратиться по имени Среда, 05 Ноября 2014 г. 15:08 (ссылка)
Огромнейшее спасибо!!!
Ответить С цитатой В цитатник
Ирина_Ченская   обратиться по имени Среда, 05 Ноября 2014 г. 15:11 (ссылка)
Забираю себе с большущей благодарностью! СПАСИБО! Буду делать! Мне всЁ нравится))
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 05 Ноября 2014 г. 18:47ссылка
Потом покажь что получится.
ТБОБЫЛЁВА   обратиться по имени Среда, 05 Ноября 2014 г. 15:16 (ссылка)
Спасибо большое, Татьяна!!!!
Ответить С цитатой В цитатник
Nelya27   обратиться по имени Среда, 05 Ноября 2014 г. 15:31 (ссылка)
Танечка,большое спасибо за урок!
Ответить С цитатой В цитатник
ZOYA_50   обратиться по имени Среда, 05 Ноября 2014 г. 16:16 (ссылка)
Спасибо за чудесный урок!
Ответить С цитатой В цитатник
PEREMILA   обратиться по имени Среда, 05 Ноября 2014 г. 16:29 (ссылка)
Егорова_Таня, Спасибо Таня за подробный урок.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 4 5 [Новые]
 

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

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

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

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