-Цитатник

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

Мои работы в фотошоп   исходник удаление лишних предметов замена...

Рамка с круглыми углами. Без фотошопа! - (0)

Рамка с круглыми углами. Без фотошопа! РАМКИ С КРУГЛЫМИ УГЛАМИ А здесь урок по таким же рамкам...

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

Анимашки сердечки Коды картинок в окошечках А ты попробуй, подари чуть-чуть тепла… У каждого в...

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

Создать анимацию онлайн СОЗДАНИЕ АНИМАЦИИ ОНЛАЙНСлучайно нашла замечательный сайт, где можно собр...

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

Анимашки "С Новым годом!" Коды картинок в окошечках Я хочу вам пожелать Неприятностей не зн...

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

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

Поиск сообщений в Ваш_новый_образ

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

 

 -Статистика

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


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

Четверг, 12 Февраля 2015 г. 15:51 + в цитатник
Недавно я давала урок по изготовлению рамок с круглыми углами. Посмотреть его можно здесь. А 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

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

Ваш_новый_образ   обратиться по имени Четверг, 12 Февраля 2015 г. 15:53 (ссылка)
Странно отражается рамка 8. Ее код можно взять в оригинальной записи, нажав над этим постом на Прочитать целиком
Ответить С цитатой В цитатник
 

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

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

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

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