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

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

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

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

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

Евгений

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

Новые темы	Объявления	Свободное общение
16:56 Продвижение в ТОП Яндекс. Мега быстро! 15:55 Зеннопостер мне помог! 15:31 Стоит ли покупать Zenoposter 15:30 Quick Sender - одна из лучших программ для работы с "ВКонтакте" 15:28 Как продвигается сайт без статей 14:05 Все внешние ссылки с сайта 11:57 Обновление поисковой базы 19.08.2019	14:13 Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка HTML5/CSS3/JS. 09:29 AllChange24 - Лучший сервис по обмену электронных валют 00:56 Размещу 1501 ссылку на Ваш сайт. + Бонус 23:55 TopsocMan- Накрутка в соц сети. Магазин аккаунтов. SEO и SMM услуги. 22:43 Telegram Soft многопоточный комбайн для Telegram 22:11 EasyTop - [FREE] программа для сервисов накрутки 20:08 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc	11:48 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий 15:36 Заработок на Инстаграме. Плюс продвижение своей страницы кому нужно. годный софт для мф и рассылок 08:39 Недозаказчик кинул на 225 рублей 08:30 Кому пришла выплата с AdSense? 20:51 Скрины спама 11:15 Помогите пожалуйста советом по оптимизации 19:40 Чтобы пользователи сами добавлял рецепт на сайт

Новые темы

Объявления

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

16:56 Продвижение в ТОП Яндекс. Мега быстро!
15:55 Зеннопостер мне помог!
15:31 Стоит ли покупать Zenoposter
15:30 Quick Sender - одна из лучших программ для работы с "ВКонтакте"
15:28 Как продвигается сайт без статей
14:05 Все внешние ссылки с сайта
11:57 Обновление поисковой базы 19.08.2019

14:13 Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка HTML5/CSS3/JS.
09:29 AllChange24 - Лучший сервис по обмену электронных валют
00:56 Размещу 1501 ссылку на Ваш сайт. + Бонус
23:55 TopsocMan- Накрутка в соц сети. Магазин аккаунтов. SEO и SMM услуги.
22:43 Telegram Soft многопоточный комбайн для Telegram
22:11 EasyTop - [FREE] программа для сервисов накрутки
20:08 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc

11:48 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий
15:36 Заработок на Инстаграме. Плюс продвижение своей страницы кому нужно. годный софт для мф и рассылок
08:39 Недозаказчик кинул на 225 рублей
08:30 Кому пришла выплата с AdSense?
20:51 Скрины спама
11:15 Помогите пожалуйста советом по оптимизации
19:40 Чтобы пользователи сами добавлял рецепт на сайт

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