adding shadow to thumbs using css style sheet? adding shadow to thumbs using css style sheet?
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

adding shadow to thumbs using css style sheet?

Started by DefenceTalk.com, August 30, 2004, 11:32:20 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

DefenceTalk.com

Could someone please help me with adding a showdow to the thumbs(right and bottom) using image tag in the css?


Current image tag looks like this:

.image {
   border:1px solid #000000;
        margin:3px;
        filter:shadow(color:gray,strength:30, direction:135);
}

That filter doesn't seem to work. Any direction/help would be appreciated.

Thanks ;)
(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.defencetalk.com%2Fpictures%2Fsignature_cpg.php&hash=c0098ed5314d39beb9e8799c7c8787a9a0353b45)

mstralka

Try searching on Google first, since this is a general CSS question.  http://www.google.com/search?hl=en&ie=UTF-8&q=css+shadow&btnG=Google+Search,
or here http://www.w3schools.com/css/default.asp

Also, I don't think shadows work in anything except IE.
GO IRISH

DefenceTalk.com

thanks.

tried different steps but it doesnt work. looks like im doing something wrong. :(

thanks anyway
(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.defencetalk.com%2Fpictures%2Fsignature_cpg.php&hash=c0098ed5314d39beb9e8799c7c8787a9a0353b45)

DaMysterious

Quote from: DefenceTalk.com on August 30, 2004, 11:32:20 PM
Could someone please help me with adding a showdow to the thumbs(right and bottom) using image tag in the css?


Current image tag looks like this:

.image {
   border:1px solid #000000;
       margin:3px;
       filter:shadow(color:gray,strength:30, direction:135);
}

That filter doesn't seem to work. Any direction/help would be appreciated.

Thanks ;)


This does the trick


.image {
  border:1px solid #000000;
  margin:3px;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#B0B0B0', Direction=120, Strength=6);
}


Life view
DaMysterious.


Joachim Müller

the thread is old, the site structure DM refered to has obviously changed, so the link is down. Not sure where it moved to, but afaik DM has created some themes that create a shadow effect: you could browse the themes on the demo page using the "choose a theme" dropdown. For more information on the Microsoft-only filters, go to http://msdn.microsoft.com/workshop/author/filter/filters.asp
For details on the shadow filter, go to http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/shadow.asp

Joachim

kegobeer

Do not send me a private message unless I ask for one.  Make your post public so everyone can benefit.

There are no stupid questions
But there are a LOT of inquisitive idiots