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

Сообщений: 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.

Новые темы	Объявления	Свободное общение
06:34 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках 06:17 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо? 17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут 15:10 Google Discover Core Update: Дискавер отделяют от поиска? 11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией?	15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 12:38 Bankomat001 - Сервис обмена электронных валют 10:42 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 09:36 Мониторинг обменников Сrypto-scout.io 05:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 04:20 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:26 Sova.gg - надежный обменник криптовалюты.	07:51 Гильотина для классиков: Клод доедает физические книги 06:04 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе 05:09 Точные прогнозы на футбол 23:45 Ставки на супер тренды в спорте 18:56 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко

Новые темы

Объявления

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

06:34 Гугл пухнет от кеша, а нам - крошки. Разбор $114 млрд: Адсенс в минусе, Ютуб на подписках
06:17 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ?
01:09 Yahoo Scout: Нейро-привет из склепа. Реальный шанс на траф или мимо?
17:33 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов
15:14 Апдейт Яндекса 7 февраля. Пока серп трясет, некоторые по ботам плачут
15:10 Google Discover Core Update: Дискавер отделяют от поиска?
11:30 ЕС душит ТикТок: прощай бесконечная лента и RPM? Что с монетизацией?

15:12 CryptoGraph — Анонимный обмен криптовалют без KYC и AML
12:38 Bankomat001 - Сервис обмена электронных валют
10:42 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру
09:36 Мониторинг обменников Сrypto-scout.io
05:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника
04:20 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
23:26 Sova.gg - надежный обменник криптовалюты.

07:51 Гильотина для классиков: Клод доедает физические книги
06:04 Кулеры и БП станут золотыми? Медь по 13 штук, олово в космосе
05:09 Точные прогнозы на футбол
23:45 Ставки на супер тренды в спорте
18:56 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось?
22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес
13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко

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