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

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

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

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

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Евгений

Сообщений: 433 Регистрация: Окт 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.

Новые темы	Объявления	Свободное общение
12:51 АП ИКС от 28.02.2020 12:50 Быстрое продвижение сайта в ТОП Яндекса. Рост трафика и позиций. 12:22 Совместить старый каталог сайта и новую структуру 1С не поломав СЕО 08:51 Сколько внутренних ссылок максимально может быть на странице 08:06 Апдейт Яндекс ИКС за 30 Января 2020 г. 07:47 Сайт для девушек какой дизайн будет лучше? 00:58 Продвижение интеренет-магазина	11:56 Бесплатная ссылка на ваш сайт 10:58 Продвину сайт качественными ссылками. Рост посещаемости, позиций и ИКС. Крауд ссылки недорого + скидки. 10:00 Продам свежий сайт о путешествиях 09:35 Сервис услуг в YouTube, Вконтакте, Instagram, Twitter, Facebook, Одноклассники, Google+ 00:04 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone) 18:27 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 21:45 Продам сайт с уникальным контентом	12:25 Коронавирус 08:50 Масочный кризис 08:05 Ваш сайт блокируют гос органы? Есть решение! 07:50 Легальные колёса?) 00:23 С 23 февраля! 17:36 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 09:28 Подскажите партнерки для соц. сетей

Новые темы

Объявления

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

12:51 АП ИКС от 28.02.2020
12:50 Быстрое продвижение сайта в ТОП Яндекса. Рост трафика и позиций.
12:22 Совместить старый каталог сайта и новую структуру 1С не поломав СЕО
08:51 Сколько внутренних ссылок максимально может быть на странице
08:06 Апдейт Яндекс ИКС за 30 Января 2020 г.
07:47 Сайт для девушек какой дизайн будет лучше?
00:58 Продвижение интеренет-магазина

11:56 Бесплатная ссылка на ваш сайт
10:58 Продвину сайт качественными ссылками. Рост посещаемости, позиций и ИКС. Крауд ссылки недорого + скидки.
10:00 Продам свежий сайт о путешествиях
09:35 Сервис услуг в YouTube, Вконтакте, Instagram, Twitter, Facebook, Одноклассники, Google+
00:04 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone)
18:27 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр.
21:45 Продам сайт с уникальным контентом

12:25 Коронавирус
08:50 Масочный кризис
08:05 Ваш сайт блокируют гос органы? Есть решение!
07:50 Легальные колёса?)
00:23 С 23 февраля!
17:36 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу.
09:28 Подскажите партнерки для соц. сетей

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