-Цитатник

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

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

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

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

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

Создай страничку Памяти... У каждого из нас, я уверена, есть человек, про которого мы го...

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

ПОЖАЛУЙСТА МАКСИМАЛЬНЫЙ ПЕРЕПОСТ! КРЫМУ НУЖНА ИНФОРМАЦИОННАЯ ПОДДЕРЖКА!БОЛЬШАЯ ПРОСЬБА ОТ ВСЕГО ПОЛУ...

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

С завтрашнего дня номера экстренных служб станут трехзначными В нынешний понедельник, 27 января, ...

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

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

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

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

 

 -Статистика

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

Объемные рамки разной конфигурации. Без фотошопа!

Суббота, 01 Марта 2014 г. 21:46 + в цитатник
Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А Sergg62, подсказал как сделать рамки с разными углами и тенью. За это ему огромное спасибо!
Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю.

Даю коды готовых рамок и коды "скелетиков". Как ими пользоваться можете посмотреть в предыдущем уроке.
Расскажу теперь про эти рамки. Они с тенью и есть возможность делать углы разной закругленности, а значит и рамки разной конфигурации.
В принципе код для этих рамок-заготовок один. Можете взять его в окошке ниже.


Подставляя разные значения для "крутизны" углов, вы можете "гнуть" рамку как хотите. Вставляя разные заготовки друг в друга и меняя в их коде параметры, можно получить массу разнообразных вариантов рамок.
Вот смотрите.

Р± (700x209, 134Kb)
Вместо моих слов ставите свои значения и URL картинок-фонов.

Р° (700x431, 314Kb)

Radius: задает кривизну угла. В коде написано, например ВЕРХ ЛЕВЫЙ УГОЛ, значит подставляя цифру от 0 до 180, вы измените "округлость" верхнего левого угла. Значение 0 сделает угол прямым.
Можно изменить цвет тени-shadow: в коде стоит черный цвет-000000, вы можете заменить эти цифры на другие. Дальше идут цифры 6. Изменяя их в большую или меньшую стороны можно менять размер тени и ее отображение с одного или 3-х сторон.

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

Рамка 1

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

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

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


Рамка 2

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

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

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


Рамка 3


Здесь будет Ваш текст

Егорова Татьяна

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

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


Рамка 4

Здесь будет Ваш текст

Егорова Татьяна

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

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


Рамка 5

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

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

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


Рамка 6

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

Егорова Татьяна

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

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


Рамка 7

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

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

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


Рамка 8

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

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

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

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



Кипа_-_Ольга   обратиться по имени Суббота, 01 Марта 2014 г. 21:52 (ссылка)
Класс!!!
Ответить С цитатой В цитатник
lidija00   обратиться по имени Суббота, 01 Марта 2014 г. 21:53 (ссылка)
Какая прелесть!
Ответить С цитатой В цитатник
Юля_Брагина   обратиться по имени Суббота, 01 Марта 2014 г. 21:55 (ссылка)
Спасибо Танечка, как здорово!!!!
Ответить С цитатой В цитатник
Нина_Зобкова   обратиться по имени Суббота, 01 Марта 2014 г. 21:58 (ссылка)
Как здорово! Спасибо! Такие интересные идеи!
Ответить С цитатой В цитатник
Н_НИНА   обратиться по имени Суббота, 01 Марта 2014 г. 21:59 (ссылка)
спасибо за труд, очень все здорово, приятного вечера
Ответить С цитатой В цитатник
Галина__К   обратиться по имени Суббота, 01 Марта 2014 г. 22:02 (ссылка)
Спасибо большое Таня,интересная идея.
Ответить С цитатой В цитатник
Lana-Lanochka   обратиться по имени Суббота, 01 Марта 2014 г. 22:03 (ссылка)
Спасибо большое за урок, забрала себе.
Ответить С цитатой В цитатник
МилаЛБ   обратиться по имени Суббота, 01 Марта 2014 г. 22:06 (ссылка)
Здорово! Большое спасибо!
Ответить С цитатой В цитатник
Ирина_Полицинская   обратиться по имени Суббота, 01 Марта 2014 г. 22:14 (ссылка)
Спасибо,Танечка !
Ответить С цитатой В цитатник
DALIDAS_1   обратиться по имени Суббота, 01 Марта 2014 г. 22:16 (ссылка)
Оригинальные рамочки благодарю!
Ответить С цитатой В цитатник
Мечтающая_Ирина   обратиться по имени Суббота, 01 Марта 2014 г. 22:16 (ссылка)
спасибо Танюша очень интересно
Ответить С цитатой В цитатник
Елена_Мерсалова   обратиться по имени Суббота, 01 Марта 2014 г. 22:17 (ссылка)
Танюша, и что, эти коды вставляются в лировские блоги успешно?..
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 01 Марта 2014 г. 22:19ссылка
И только в Лире?.. В других местах действуют, в ЖЖ. например?
Перейти к дневнику

Суббота, 01 Марта 2014 г. 22:25ссылка
у меня автоматом на жж идет. там нормально отражаются только рамки по предыдкщему уроку. только надо текст по центру выставлять. вот тут http://tatianaegorova.livejournal.com/
Перейти к дневнику

Суббота, 01 Марта 2014 г. 22:20ссылка
ну да. я же вставила
Моисеева_Надежда   обратиться по имени Суббота, 01 Марта 2014 г. 22:17 (ссылка)
Танюша, большое спасибо за то, что делишься с нами. Я вчера уже одну рамочку сделала к весне.
Ответить С цитатой В цитатник
Прибалтийка   обратиться по имени Суббота, 01 Марта 2014 г. 22:21 (ссылка)
Большое спасибо!
Ответить С цитатой В цитатник
Elli66   обратиться по имени Суббота, 01 Марта 2014 г. 22:21 (ссылка)
Спасибо большое за урок, забрала себе.
Ответить С цитатой В цитатник
RozArija   обратиться по имени Суббота, 01 Марта 2014 г. 22:32 (ссылка)
Танюш,какая ты всё таки молодец,спасибо,забираю(цитирую)
Ответить С цитатой В цитатник
Егорова_Таня   обратиться по имени Суббота, 01 Марта 2014 г. 22:33 (ссылка)
переделать может надо
б (691x330, 59Kb)
Ответить С цитатой В цитатник
ТБОБЫЛЁВА   обратиться по имени Суббота, 01 Марта 2014 г. 22:37 (ссылка)
Татьяна, огромное спасибо за урок!!! С вчерашним уроком сегодня весь день упражнялась!!! Очень нравится!!! Беру с благодарностью!!!!
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Суббота, 01 Марта 2014 г. 22:40 (ссылка)
Как здорово! Спасибо, Танечка!
Ответить С цитатой В цитатник
НАТО70   обратиться по имени Суббота, 01 Марта 2014 г. 22:40 (ссылка)
Что-то новенькое!очень красивые и интересные рамочки!Спасибо!
Ответить С цитатой В цитатник
меня_зовут_Любаша_К   обратиться по имени Суббота, 01 Марта 2014 г. 22:52 (ссылка)
Танюш, ты посмотри, как всё упростилось для изготовления рамок...Не то, что было раньше...Сейчас раз, раз и готово...))) Цитирую для своих...Прошлый урок тоже цитировала, от Серёжи...)))
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 01 Марта 2014 г. 22:58ссылка
ооой! я с этими рамками несколько дней пурхалась. и это еще не всё...
Перейти к дневнику

Суббота, 01 Марта 2014 г. 22:59ссылка
Привет, родная...))) Ничего, кому сейчас легко...))) Это же ты для людей делаешь...Мы-то с тобой в фотошоп сбегаем и рамка готова..)))))))))))
Перейти к дневнику

Суббота, 01 Марта 2014 г. 22:59ссылка
Любаш! Сильно видно что фон с маками не бесшовный. У меня нет явных стыков вроде.Не тот фон спендюрила со слепу
Перейти к дневнику

Суббота, 01 Марта 2014 г. 23:05ссылка
Да всё нормально, ничего не видно...
Перейти к дневнику

Суббота, 01 Марта 2014 г. 23:09ссылка
Спасибо! Не хочется переделывать то.
Mari_XXX   обратиться по имени Суббота, 01 Марта 2014 г. 23:03 (ссылка)
Ой Танюша радости не было предела когда увидела рамочки открыв сообщение в почте майла...думаю новая формула и теперь все работает даже в Опере....но открыла твой постик на Лиру и рамочки стали квадратненькими...Что такое не везет и как с ним бороться!!!!
333 (700x305, 52Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 01 Марта 2014 г. 23:07ссылка
в опере не видно в самом блоге
галина_цускарь   обратиться по имени Суббота, 01 Марта 2014 г. 23:04 (ссылка)
Спасибо, Татьяна! По прошлому уроку рамочки получились хорошо, теперь буду этот урок осваивать. Спасибо!
Ответить С цитатой В цитатник
Tamreko   обратиться по имени Суббота, 01 Марта 2014 г. 23:07 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 18 Ноября 2015 г. 14:06ссылка
Он Ведь так все блины съст.... А мне???????
Алла_Буланова   обратиться по имени Суббота, 01 Марта 2014 г. 23:30 (ссылка)
Спасибо, отличный урок.
Ответить С цитатой В цитатник
Юляшка_гречанка   обратиться по имени Воскресенье, 02 Марта 2014 г. 00:39 (ссылка)
Интересные идеи. Спасибо.
Ответить С цитатой В цитатник
Марина_55   обратиться по имени Воскресенье, 02 Марта 2014 г. 01:03 (ссылка)
Спасибо, Танечка!
Красивые рамочки!
Ответить С цитатой В цитатник
Schamada   обратиться по имени Воскресенье, 02 Марта 2014 г. 01:12 (ссылка)
Танечка, нет предела моему восторгу. какая красота. Буду учиться. Это такая красота, столько работы и времени!!!! Спасибо, милая, за Вашу голову, что она есть и учит...
Ответить С цитатой В цитатник
Комментарий удален
Перейти к дневнику

Воскресенье, 02 Марта 2014 г. 09:55ссылка
Не против. Рамочка получилась торжественная какая!
Luska13   обратиться по имени Воскресенье, 02 Марта 2014 г. 02:29 (ссылка)
Большое спасибо.Супер!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 4 5 [Новые]
 

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

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

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

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