Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: adding shadow to thumbs using css style sheet?  (Read 6812 times)

0 Members and 1 Guest are viewing this topic.

DefenceTalk.com

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 230
    • http://www.defencetalk.com
adding shadow to thumbs using css style sheet?
« 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 ;)
Logged
(http://www.defencetalk.com/pictures/signature_cpg.php)

mstralka

  • VIP
  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 178
Re: adding shadow to thumbs using css style sheet?
« Reply #1 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.
Logged
GO IRISH

DefenceTalk.com

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 230
    • http://www.defencetalk.com
Re: adding shadow to thumbs using css style sheet?
« Reply #2 on: August 31, 2004, 01:16:32 am »

thanks.

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

thanks anyway
Logged
(http://www.defencetalk.com/pictures/signature_cpg.php)

DaMysterious

  • Contributor
  • Coppermine frequent poster
  • ***
  • Country: nl
  • Offline Offline
  • Gender: Male
  • Posts: 404
  • My CPG Recources
    • My CPG Recources
Re: adding shadow to thumbs using css style sheet?
« Reply #3 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
Logged
DaMysterious.

Joachim Müller

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 47843
  • aka "GauGau"
    • gaugau.de
Re: adding shadow to thumbs using css style sheet?
« Reply #5 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
Logged

kegobeer

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 4637
  • Beer - it does a body good!
    • The Kazebeer Family Website
Re: adding shadow to thumbs using css style sheet?
« Reply #6 on: March 10, 2005, 02:34:34 am »

Logged
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
Pages: [1]   Go Up
 

Page created in 0.022 seconds with 20 queries.