X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Картинка в рамке
Matt
Matt
Topic Starter сообщение 17.6.2010, 11:11; Ответить: Matt
Сообщение #1


Подскажите, пожалуйста, как сделать, чтобы на сайте картинка как бы выступала над фоном, то есть за счёт рамки создавался бы эффект объёма?


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
matroskin8
matroskin8
сообщение 17.6.2010, 14:44; Ответить: matroskin8
Сообщение #2


Больше всего для этого подойдет использование значения outset стиля border:
.border {border: 5px outset #fff;}

Ну, а с толщиной и цветом рамки можно поиграться, чтобы добиться желаемого.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
Topic Starter сообщение 17.6.2010, 15:40; Ответить: Matt
Сообщение #3


Спасибо, попробую.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Grumm
Grumm
сообщение 20.6.2010, 13:21; Ответить: Grumm
Сообщение #4


можно картинку сделать с тенью (png) и z-index-ом повесить ее где надо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
Topic Starter сообщение 22.6.2010, 4:06; Ответить: Matt
Сообщение #5


Пробовал, не вышло. Расскажите поподробнее, пожалуйста. Проблема: вставляю картинку в страницу и хочу, чтобы она как бы чуть выступала над страницей, чтобы создавался эффект объёма.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 22.6.2010, 8:07; Ответить: sc2r2bey
Сообщение #6


img {
    float: left;
    margin: 0 18px 0 0;
    padding: 0 4px 4px 0;
    background: url(../media/photo-frame.gif) no-repeat bottom right;


образец здесь http://rosinteragro.ru/ думаю нетрудно будет под себя переделать
Прикрепленное изображение


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gaaarfild
gaaarfild
сообщение 22.6.2010, 9:26; Ответить: gaaarfild
Сообщение #7


Да ладно вам.

Обычный CSS.

img {border: 5px outset #999999;}


И будет у тебя выступающее изображение. =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bestolloch
bestolloch
сообщение 26.6.2010, 19:28; Ответить: bestolloch
Сообщение #8


(Matt @ 22.6.2010, 4:06) *
Пробовал, не вышло. Расскажите поподробнее, пожалуйста. Проблема: вставляю картинку в страницу и хочу, чтобы она как бы чуть выступала над страницей, чтобы создавался эффект объёма.

Все получилось? Или что то не понятно?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
Topic Starter сообщение 26.6.2010, 20:29; Ответить: Matt
Сообщение #9


Нет, не вышло. Мне надо, чтобы можно было просто, без стилей прописать выступающую картинку не для фона или шапки, а просто в теле статьи.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Grumm
Grumm
сообщение 26.6.2010, 21:18; Ответить: Grumm
Сообщение #10


Ну а если подготовить в шопе (просто тень добавить)
и включить простым <img src... ?
Вообще без стилей.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Картинка долго грузится на слайдере
0 belissimo_world 6195 7.12.2015, 10:32
автор: -belissimo_world-
Открытая тема (нет новых ответов) Ищу Копипастера 3р файл картинка+текст+кач файла и закач ко мне на хостинг
0 dimka1109 3187 21.1.2015, 20:13
автор: dimka1109
Открытая тема (нет новых ответов) 300 символов описание. Картинка и файл.
21 Seo-optimist 7484 28.10.2014, 17:59
автор: Seo-optimist
Открытая тема (нет новых ответов) Нужна ваша помощ! При нажатии кнопки должна менятся картинка
1 Aljona 6314 31.7.2013, 14:37
автор: -Aljona-
Открытая тема (нет новых ответов) Наполнение контентом сайта о сериалах, рерайт + картинка = 13 руб / новость
3 vallmind 1827 17.12.2012, 14:41
автор: vallmind


 



RSS Текстовая версия Сейчас: 29.3.2024, 15:21
Дизайн