Графическая рамка вокруг картинки

Сообщений: 52 Регистрация: Апр 2012

14 Августа 2012 21:39

Здравствуйте, форумчане!
Возникла такая проблема при создании дизайна фотогалереи:
Сделать фотогалерею. Для придания эффекта думаю сделать всем фото рамку под дерево. Редактировать каждое фото и накладывать на него рамку - лень. Сделал следующее: при выгрузке фото на сервер у него изменяются размеры. Пропорции изображения сохраняются относительно высоты (высота равна 500 пикселей, ширина разная).
Как при помощи CSS к фото можно прикрутить графическую рамку?

Евгений

Сообщений: 436 Регистрация: Окт 2010

14 Августа 2012 22:04

легко, для этого достаточно написать в css такой блок

Код
img { border: 1px solid #E3DFDF; border-radius: 15px; display: block; }

и все элементы получат закругленные края и рамку
это конечно банальный пример, но пример есть пример, как оформить картинку уж думай, css может очень многое

Антон

Сообщений: 52 Регистрация: Апр 2012

15 Августа 2012 14:06

Цитата

Евгений пишет:
легко, для этого достаточно написать в css такой блок

Код
img { border: 1px solid #E3DFDF; border-radius: 15px; display: block; }

и все элементы получат закругленные края и рамку
это конечно банальный пример, но пример есть пример, как оформить картинку уж думай, css может очень многое

Я про это уже знал, не совсем то, что нужно. Но все идеи которые я пытался реализовть непрокатили( придется пользоваться, скорее всего этим кодом

Kolobochek

Сообщений: 1454 Регистрация: Апр 2012

15 Августа 2012 21:00

Я конечно не гуру в ЦСС, но кажется тут без позиционирования не обойтись (css - position), если я вас правильно понял, вам нужно что-то такое _kinoman.ru_ (пример своебразной рамки/обложки ДВД), посмотрите на коды через файребуг

В наличии свежие инвайты на завод

YesMan Сообщений: 260 Регистрация: Июн 2011	#5 20 Августа 2012 19:36 Антон, подготовьте изображения для всех частей рамки: для левой, для центральной и для правой (или для верхней, центральной и нижней). Используйте их как фоновое изображение для блоков. Центральная часть должна увеличиваться в зависимости от ширины фото, для этого в css примените свойство background-repeat.

Новые темы	Объявления	Свободное общение
01:31 Stixi.ru. и stixi.com 20:30 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:00 Adtrafico - Правильная партнёрская сеть под бурж трафик 16:45 Adfinity - Ваш надежный партнер в монетизации трафика 15:05 Gambling Craft - гемблинг по белому 19:35 Парсят сай до ddos 16:02 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!	04:38 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 21:21 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 21:00 Приватные мобильные прокси Украины безлимиты 4g UA Водафон Киевстар Лайф 20:53 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 17:22 Sectormoney.com - быстрый и удобный обменник 16:59 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 16:12 Новый обменный сервис «Money-office»	00:22 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

Новые темы

Объявления

Свободное общение

01:31 Stixi.ru. и stixi.com
20:30 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
15:00 Adtrafico - Правильная партнёрская сеть под бурж трафик
16:45 Adfinity - Ваш надежный партнер в монетизации трафика
15:05 Gambling Craft - гемблинг по белому
19:35 Парсят сай до ddos
16:02 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!

04:38 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
21:21 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика
21:00 Приватные мобильные прокси Украины безлимиты 4g UA Водафон Киевстар Лайф
20:53 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
17:22 Sectormoney.com - быстрый и удобный обменник
16:59 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust
16:12 Новый обменный сервис «Money-office»

00:22 Точные прогнозы на футбол
20:09 Сколько сейчас стоит наполнение ИМ?
12:43 Куплю проигрышные букмекерские аккаунты
04:33 Половина скидок на распродажах — фейк
07:53 НейроБабушка наказывает мошенников
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

16.08.2018 08:11	Рамка в углах
08.08.2011 21:53	Исчезла рамка вокруг поля комментариев