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

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

Новые темы	Объявления	Свободное общение
21:03 Продвижение по ключам 15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок	20:39 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 17:10 AllCharge.online. Современный, быстрый и надёжный обменник 15:24 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:48 AlwaysMoney - платформа для обмена криптовалют 14:11 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 14:10 Trustpilot Reviews \| Подниму рейтинг вашей компании 14:10 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?

Новые темы

Объявления

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

21:03 Продвижение по ключам
15:44 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе
13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
11:41 2Index - быстрая индексация страниц сайта и обратных ссылок

20:39 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
17:10 AllCharge.online. Современный, быстрый и надёжный обменник
15:24 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old
14:48 AlwaysMoney - платформа для обмена криптовалют
14:11 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод
14:10 Trustpilot Reviews | Подниму рейтинг вашей компании
14:10 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата

16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру
20:43 Добро пожаловать в цифровой мир...
15:59 Про мясо
23:09 ПП от PMS remote.team - 200$ за команду
13:28 Компьютерная мышь
22:55 Ну что, кто куда деваете свои сайты?
22:34 Используете беспроводные наушники?

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