• Авторизация
Дневник community_coding Лента друзей - Дневник - Полная версия VictorT (community_coding)


Посоветуйте красивое и элегантное решение, как приделать тень к картинке 02-06-2005 12:11 к комментариям - к полной версии - понравилось!


В смысле, не в фотошопе, а средствами HTML и CSS
Рассмотрю все варианты :)
VictorT
вверх^ к полной версии понравилось! в evernote
Комментарии (53): вперёд»
Lightpower 02-06-2005-12:52 удалить
В дневнике Donadecasa посмотри
Она это умеет и использует
Я не помню как
Flow musicMOBY - Honey

LI 3.9.25
Обратиться - Ответить - К полной версии
VictorT 02-06-2005-12:57 удалить
Lightpower, Не увидел там.
Обратиться - Ответить - К полной версии
Lightpower 02-06-2005-14:10 удалить
Посмотри исходник странички здесь

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

test


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

LI 3.9.25
Обратиться - Ответить - К полной версии
JASterus 02-06-2005-14:31 удалить
есть такая вешь, фильтры называется. RTFM!

LI 3.9.25
Обратиться - Ответить - К полной версии
VictorT 02-06-2005-15:27 удалить
Lightpower, Работает только в ИЕ.
JASterus, Тоже работает только в ИЕ, кроме того, тень отображается в пределах самой картинки, т.е. на картинке должно быть свободное пространство.
Обратиться - Ответить - К полной версии
непобедимый 02-06-2005-16:10 удалить
VictorT, поиграйся с border CSS пропертями. Типа style="border: outset;"
[показать]
Обратиться - Ответить - К полной версии
VictorT 02-06-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-06-2005-16:55 удалить
VictorT, я поигрался с твоим вариантом - как тебе такое?
code:


 [показать]


[показать]
Обратиться - Ответить - К полной версии
непобедимый 02-06-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-06-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>
Обратиться - Ответить - К полной версии
holy_diver 02-06-2005-17:31 удалить
В эксплорере, начиная с 4.5 есть фильтр drop-shadow.
В колонках играет: David Coverdale & Jimmy Page - Pride And Joy
Обратиться - Ответить - К полной версии
VictorT 02-06-2005-17:56 удалить
Вариант пооптимальнее:



holy_diver, Уже написано выше.
Обратиться - Ответить - К полной версии
непобедимый 02-06-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-06-2005-20:53 удалить
Исходное сообщение непобедимый
Еще вариант:
[показать]


[показать]


во во, имхо лучший вариант.. его и хотел напесать, просто забыл как написать стиль...
Обратиться - Ответить - К полной версии
Kristinka_nobody 03-06-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-06-2005-19:27 удалить
Интересно, сколько ещё человек посоветуют использовать фильтр dropShadow :D
Обратиться - Ответить - К полной версии
holy_diver 03-06-2005-19:30 удалить
Кристина, это только в Эксплорере. А есть ещё Мазила, есть куча всего на движке KHTML, Опера очень даже есть. Да и эксплореры встречаются старше, чем 4.5 :)
Можно попробовать как-нибудь совместить два дива одинакового размера, но без жабаскрипта не обойтись.
В колонках играет: Korn - Dead Bodies Everywhere
Обратиться - Ответить - К полной версии
holy_diver 03-06-2005-19:43 удалить
Исходное сообщение VictorT: Интересно, сколько ещё человек посоветуют использовать фильтр dropShadow :D

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

Точно))))

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

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

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

LI 3.9.25
Обратиться - Ответить - К полной версии
непобедимый 03-06-2005-20:26 удалить
Kristinka_nobody, держи ключ Opera 8 for Windows
w-CifVD-inTbS-xwJ3e-a6RXp-kdFuU
Обратиться - Ответить - К полной версии
Kristinka_nobody 03-06-2005-20:30 удалить
Спасибо)))
Теперь реклама не будет зря скачиваться))))))))
Проси что хочешь.

LI 3.9.25
Обратиться - Ответить - К полной версии
непобедимый 03-06-2005-20:39 удалить
Kristinka_nobody, секс, наркотики, рок-н-ролл? :))
Обратиться - Ответить - К полной версии
Kristinka_nobody 03-06-2005-20:42 удалить
Мне наверное стоит зайти туда и почитать... Что-то я потеряла нить разговора...

LI 3.9.25
Обратиться - Ответить - К полной версии
holy_diver 03-06-2005-20:52 удалить
Исходное сообщение непобедимый: Kristinka_nobody, секс, наркотики, рок-н-ролл? :))

Это Я всегда говорю в таких случаях!:D Brother!
В колонках играет: Моральный кодекс - 10 Бетонная печаль
Обратиться - Ответить - К полной версии
Kristinka_nobody 03-06-2005-21:00 удалить
Хоть убей не понимаю о чём речь
А зайти туда не хочу. Трафик экономлю, а то до понедельника без инета сидеть буду

LI 3.9.25
Обратиться - Ответить - К полной версии
непобедимый 03-06-2005-21:01 удалить
Kristinka_nobody, не замарачивайся :) Я просто сказал чего хочу :)) Пошутил короче

holy_diver, ну у меня иногда еще проскакивает "нам хлеба не надо - работу дава1!" ;)) Хорошо хоть редко меня так глючит :)
Обратиться - Ответить - К полной версии
Kristinka_nobody 03-06-2005-21:05 удалить
Блин, знал бы ты какие у меня нездоровые фантазии под вечер...
Я ТАКОГО хочу, что просто лучше молчать. Иначе не поймут. (И если вы не железячник, то вы подумали не то, что надо :))

LI 3.9.25
Обратиться - Ответить - К полной версии


Комментарии (53): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Посоветуйте красивое и элегантное решение, как приделать тень к картинке | community_coding - Сообщество программистов | Лента друзей community_coding / Полная версия Добавить в друзья Страницы: раньше»