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

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

Новые темы	Объявления	Свободное общение
00:45 С чего сейчас проще начать? 00:22 Раскрутка форума 00:17 Бесплатное получение бэклинков 00:16 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 00:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update 23:48 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов? 08:21 Продвижение-2022: Гугл все? Нет – Гугл не все!	00:22 BITzaBIT.com - обмен криптовалют, выплаты EUR, CAD, GBP, AZN, TJS, UZS 00:13 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 23:39 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф 18:46 Прямой поставщик услуг для MAX 17:52 Mixmasters - Exchange without AML and KYC 16:47 Продам домен translated.ru 16:11 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси!	00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 23:59 Почему не обновляется счетчик ИКС (индекса качества сайта) 21:20 Точные прогнозы на футбол 19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 14:56 молодильные яблоки и живая вода 06:50 Ставки на супер тренды в спорте 13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем

Новые темы

Объявления

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

00:45 С чего сейчас проще начать?
00:22 Раскрутка форума
00:17 Бесплатное получение бэклинков
00:16 Бесплатное расширение для Chrome — проверка ссылок прямо на странице
00:05 Гугл запустил Первый АПдейт года и серп уже трясёт - Google March 2026 Core Update
23:48 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов?
08:21 Продвижение-2022: Гугл все? Нет – Гугл не все!

00:22 BITzaBIT.com - обмен криптовалют, выплаты EUR, CAD, GBP, AZN, TJS, UZS
00:13 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок.
23:39 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф
18:46 Прямой поставщик услуг для MAX
17:52 Mixmasters - Exchange without AML and KYC
16:47 Продам домен translated.ru
16:11 TUNNEL-to-PROXY: превращает тысячи публичных сетевых конфигураций - в стабильные SOCKS5-прокси!

00:10 8 марта: желаю аптайма 99.9% и e-e-a-t без локов
23:59 Почему не обновляется счетчик ИКС (индекса качества сайта)
21:20 Точные прогнозы на футбол
19:38 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день
14:56 молодильные яблоки и живая вода
06:50 Ставки на супер тренды в спорте
13:04 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем

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