Author Topic: Shadow in Thumbnails  (Read 4510 times)

0 Members and 1 Guest are viewing this topic.

Offline toroslar

  • Pre-Newbie
  • Posts: 7
    • View Profile
Shadow in Thumbnails
« on: March 13, 2005, 10:43:52 AM »
How to I show images with shadow ?

thanks

Offline NoSy

  • Pre-Newbie
  • Posts: 4
    • View Profile
Re: Shadow in Thumbnails
« Reply #1 on: March 13, 2005, 05:13:57 PM »
- put this code into the style.css file -

.pic {filter: progid:DXImageTransform.Microsoft.Shadow(color=#404040,direction=135, strength=4)
   progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   border: 0;}


- to adjust the color & darkness & direction of the shadow,  change  these settings : (color=#404040,direction=135, strength=4) & (opacity=100)

- then for the images you add this code  -

class="pic"

- like here : <img src="{template_image_url}/category.gif" border="0" class="pic">
- or for a shadow on  a table you add it like this:
 <table width="90%" border="1" align="center" cellpadding="0" cellspacing="0"  class="pic">

---- hope this helps you ------

Offline Chris

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.487
  • Did u ever stop to think and then forget to start?
    • View Profile
Re: Shadow in Thumbnails
« Reply #2 on: March 13, 2005, 06:03:28 PM »
That code will not work in any browser but Internet Explorer

http://www.4homepages.de/forum/index.php?topic=5106.msg29300;topicseen#msg29208