Поддержка Вид

LiveInternetLiveInternet

сменить

Авось из (+ сутки) дневников

Посоветуйте красивое и элегантное решение, как приделать тень к картинке

Четверг, 02 Июня 2005 г. 12:11 + в цитатник

VictorT все записи автора В смысле, не в фотошопе, а средствами HTML и CSS
Рассмотрю все варианты :)

VictorT

Рубрики:

web-кодинг

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 [Новые]

Lightpower обратиться по имени Re: Посоветуйте красивое и элегантное решение, как приделать тень к картинке Четверг, 02 Июня 2005 г. 12:52 (ссылка)

В дневнике

Donadecasa посмотри
Она это умеет и использует
Я не помню как
Flow musicMOBY - Honey

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 02 Июня 2005 г. 12:57 (ссылка)

Lightpower, Не увидел там.

Ответить С цитатой В цитатник

Lightpower обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Четверг, 02 Июня 2005 г. 14:10 (ссылка)

Посмотри исходник странички здесь

Там, собсно, вот что:

test

Может, поможет...
Flow musicMOBY - 7

LI 3.9.25

Ответить С цитатой В цитатник

JASterus обратиться по имени Re: Посоветуйте красивое и элегантное решение, как приделать тень к картинке Четверг, 02 Июня 2005 г. 14:31 (ссылка)

есть такая вешь, фильтры называется. RTFM!

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 02 Июня 2005 г. 15:27 (ссылка)

Lightpower, Работает только в ИЕ.
JASterus, Тоже работает только в ИЕ, кроме того, тень отображается в пределах самой картинки, т.е. на картинке должно быть свободное пространство.

Ответить С цитатой В цитатник

QaSt обратиться по имени Четверг, 02 Июня 2005 г. 15:38 (ссылка)


sss

Ответить С цитатой В цитатник

непобедимый обратиться по имени Четверг, 02 Июня 2005 г. 16:10 (ссылка)

VictorT, поиграйся с border CSS пропертями. Типа style="border: outset;"

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 02 Июня 2005 г. 16:46 (ссылка)

Пока остановился на таком варианте:
<div style="background-color: #aaaaaa; width: 340px;">
<div style="position: relative; bottom: 4px; right: 4px; width: 340px;"><img src="image.jpg"></div>
</div>
QaSt, не-а, такая тень не подходит. Да и не похожа на тень.
непобедимый, сча гляну.

Ответить С цитатой В цитатник

непобедимый обратиться по имени Четверг, 02 Июня 2005 г. 16:55 (ссылка)

VictorT, я поигрался с твоим вариантом - как тебе такое?

code:

Ответить С цитатой В цитатник

непобедимый обратиться по имени Четверг, 02 Июня 2005 г. 16:57 (ссылка)

Блин, тут выглядет хезовее чем в редакторе :))
Код такой:
<span style="background-color: #aaaaaa;"><img style="position: relative; top: -4px; left: -4px; " src="http://www.liveinternet.ru/images/fotos/657695_142919.gif"></span>

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 02 Июня 2005 г. 17:30 (ссылка)

Исходное сообщение непобедимый
VictorT, я поигрался с твоим вариантом - как тебе такое?
code:

В опере и нетскейпе немного кривовато показывает. Видимо, нужно высоту для спана задавать. Счас прямо тут и попробую

Код:
<span style="background-color: #aaaaaa; height: 45px"><img style="position: relative; top: -4px; left: -4px; " src="http://www.liveinternet.ru/images/fotos/657695_142919.gif" /></span>

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 02 Июня 2005 г. 17:31 (ссылка)

Не помогло

Ответить С цитатой В цитатник

holy_diver обратиться по имени Re: Посоветуйте красивое и элегантное решение, как приделать тень к картинке Четверг, 02 Июня 2005 г. 17:31 (ссылка)

В эксплорере, начиная с 4.5 есть фильтр drop-shadow.
В колонках играет: David Coverdale & Jimmy Page - Pride And Joy

Ответить С цитатой В цитатник

VictorT обратиться по имени Четверг, 02 Июня 2005 г. 17:56 (ссылка)

Вариант пооптимальнее:

holy_diver, Уже написано выше.

Ответить С цитатой В цитатник

непобедимый обратиться по имени Четверг, 02 Июня 2005 г. 18:09 (ссылка)

Еще вариант:
<table><tr><td style="background-color: #aaaaaa;"><img style="position: relative; top: -4px; left: -4px; z-index: 0" src="http://www.liveinternet.ru/images/fotos/657695_142919.gif"></td></tr></table>

Ответить С цитатой В цитатник

QaSt обратиться по имени Четверг, 02 Июня 2005 г. 20:53 (ссылка)

Исходное сообщение непобедимый
Еще вариант:

во во, имхо лучший вариант.. его и хотел напесать, просто забыл как написать стиль...

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 18:15 (ссылка)

Фильтр dropShadow добавляет силуэт объекта, смещенный в определенном направлении.

STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"

Color
Цвет тени ( #rrggbb hex ).
OffX
Горизонтальное смещение тени
OffY
Вертикальное смещение тени
Positive
Любое целое значение (не равное 0) создает тень для видимых пикселей объекта, '0' (false) - для невидимых пикселей.

Если ещё не поздно))))))

LI 3.9.25

Ответить С цитатой В цитатник

VictorT обратиться по имени Пятница, 03 Июня 2005 г. 19:27 (ссылка)

Интересно, сколько ещё человек посоветуют использовать фильтр dropShadow :D

Ответить С цитатой В цитатник

holy_diver обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 19:30 (ссылка)

Кристина, это только в Эксплорере. А есть ещё Мазила, есть куча всего на движке KHTML, Опера очень даже есть. Да и эксплореры встречаются старше, чем 4.5 :)
Можно попробовать как-нибудь совместить два дива одинакового размера, но без жабаскрипта не обойтись.
В колонках играет: Korn - Dead Bodies Everywhere

Ответить С цитатой В цитатник

holy_diver обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 19:43 (ссылка)

Исходное сообщение VictorT: Интересно, сколько ещё человек посоветуют использовать фильтр dropShadow :D

Все, кто пользуется прогой, и не видит поэтому чужих комментариев, пока сам чего-нибудь не напишет :)
В колонках играет: Korn - Dead

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 19:57 (ссылка)

Все, кто пользуется прогой, и не видит поэтому чужих комментариев, пока сам чего-нибудь не напишет

Точно))))

Блин, хоть бы ко мне кто-нибудь зашёл...
Полный абзац...
В колонках играет: System Busters - Synthetic Gar
Текущее настроение: :krest:

LI 3.9.25

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 19:59 (ссылка)

Исходное сообщение holy_diver: Кристина, это только в Эксплорере. А есть ещё Мазила, есть куча всего на движке KHTML, Опера очень даже есть. Да и эксплореры встречаются старше, чем 4.5 :)
Можно попробовать как-нибудь совместить два дива одинакового размера, но без жабаскрипта не обойтись.

А что, ещё и эксплорер есть???
хехе...
Мне всё равно опера больше других нравится...
У кого-нибудь есть кряк для восьмой? Лениво рыться в поисковиках..........

LI 3.9.25

Ответить С цитатой В цитатник

непобедимый обратиться по имени Пятница, 03 Июня 2005 г. 20:26 (ссылка)

Kristinka_nobody, держи ключ Opera 8 for Windows
w-CifVD-inTbS-xwJ3e-a6RXp-kdFuU

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 20:30 (ссылка)

Спасибо)))
Теперь реклама не будет зря скачиваться))))))))
Проси что хочешь.

LI 3.9.25

Ответить С цитатой В цитатник

непобедимый обратиться по имени Пятница, 03 Июня 2005 г. 20:39 (ссылка)

Kristinka_nobody, секс, наркотики, рок-н-ролл? :))

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 20:42 (ссылка)

Мне наверное стоит зайти туда и почитать... Что-то я потеряла нить разговора...

LI 3.9.25

Ответить С цитатой В цитатник

holy_diver обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 20:52 (ссылка)

Исходное сообщение непобедимый: Kristinka_nobody, секс, наркотики, рок-н-ролл? :))

Это Я всегда говорю в таких случаях!:D Brother!

В колонках играет: Моральный кодекс - 10 Бетонная печаль

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 21:00 (ссылка)

Хоть убей не понимаю о чём речь

А зайти туда не хочу. Трафик экономлю, а то до понедельника без инета сидеть буду

LI 3.9.25

Ответить С цитатой В цитатник

непобедимый обратиться по имени Пятница, 03 Июня 2005 г. 21:01 (ссылка)

Kristinka_nobody, не замарачивайся :) Я просто сказал чего хочу :)) Пошутил короче

holy_diver, ну у меня иногда еще проскакивает "нам хлеба не надо - работу дава1!" ;)) Хорошо хоть редко меня так глючит :)

Ответить С цитатой В цитатник

Kristinka_nobody обратиться по имени Re: Ответ в community_coding; Посоветуйте красивое и элегантное решение, как приделать тень к картинке Пятница, 03 Июня 2005 г. 21:05 (ссылка)

Блин, знал бы ты какие у меня нездоровые фантазии под вечер...
Я ТАКОГО хочу, что просто лучше молчать. Иначе не поймут. (И если вы не железячник, то вы подумали не то, что надо :))

LI 3.9.25

Ответить С цитатой В цитатник

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] 2 [Новые]

LiveInternet

О проекте