forum.coppermine-gallery.net

Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: DefenceTalk.com on August 30, 2004, 11:32:20 pm

Title: adding shadow to thumbs using css style sheet?
Post by: 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 ;)
Title: Re: adding shadow to thumbs using css style sheet?
Post by: mstralka on August 30, 2004, 11:53:19 pm
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.
Title: Re: adding shadow to thumbs using css style sheet?
Post by: DefenceTalk.com on August 31, 2004, 01:16:32 am
thanks.

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

thanks anyway
Title: Re: adding shadow to thumbs using css style sheet?
Post by: DaMysterious on August 31, 2004, 02:01:42 am
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

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

Life view (http://damysterious.xs4all.nl/gallery/index.php)
Title: Re: adding shadow to thumbs using css style sheet?
Post by: Dr_Michael on March 09, 2005, 04:36:34 pm
Life view (http://damysterious.xs4all.nl/gallery/index.php)

Live view?  ??? ::) :-\\
Title: Re: adding shadow to thumbs using css style sheet?
Post by: Joachim Müller on March 09, 2005, 06:47:34 pm
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
Title: Re: adding shadow to thumbs using css style sheet?
Post by: kegobeer on March 10, 2005, 02:34:34 am
DaMysterious's Coppermine 1.3 themes:

http://damysterious.xs4all.nl/dload.php?action=category&cat_id=7