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

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

Новые темы	Объявления	Свободное общение
08:25 Нужна помощь советом! 00:26 Работаем в P2P платежах BYBIT \| USDT - RUB , RUB - USDT \| Ищем постоянных клиентов , выгодные условия. 19:04 Gambling Craft - гемблинг по белому 10:44 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 19:41 25$ (ежемесячно) AdSense 21:39 Подскажите где продвигать сайт.	10:41 WebKazna. Обмены криптовалют. Доставка наличных. 04:06 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 17:19 Куплю сайты генератор-вакансий, каталог компаний. 15:58 BestChange – обменивать электронную валюту можно быстро и выгодно 15:31 Waretizer.pw — Монетизация десктопного трафика по CPI! 14:38 PHONE FLOOD BOT - Бот флуда телефонов 13:38 Belurk — высокоскоростные анонимные прокси от 0,24 рублей	06:17 Точные прогнозы на футбол 23:47 Добро пожаловать в цифровой мир... 22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 11:58 Куплю проигрышные букмекерские аккаунты 00:12 Огородники 10:59 Новости искусственного интеллекта 04:26 Хром ругается на форум

Новые темы

Объявления

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

08:25 Нужна помощь советом!
00:26 Работаем в P2P платежах BYBIT | USDT - RUB , RUB - USDT | Ищем постоянных клиентов , выгодные условия.
19:04 Gambling Craft - гемблинг по белому
10:44 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов
20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
19:41 25$ (ежемесячно) AdSense
21:39 Подскажите где продвигать сайт.

10:41 WebKazna. Обмены криптовалют. Доставка наличных.
04:06 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
17:19 Куплю сайты генератор-вакансий, каталог компаний.
15:58 BestChange – обменивать электронную валюту можно быстро и выгодно
15:31 Waretizer.pw — Монетизация десктопного трафика по CPI!
14:38 PHONE FLOOD BOT - Бот флуда телефонов
13:38 Belurk — высокоскоростные анонимные прокси от 0,24 рублей

06:17 Точные прогнозы на футбол
23:47 Добро пожаловать в цифровой мир...
22:39 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор
11:58 Куплю проигрышные букмекерские аккаунты
00:12 Огородники
10:59 Новости искусственного интеллекта
04:26 Хром ругается на форум

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