4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: toroslar on March 13, 2005, 10:43:52 AM

Title: Shadow in Thumbnails
Post by: toroslar on March 13, 2005, 10:43:52 AM

How to I show images with shadow ?

thanks

Title: Re: Shadow in Thumbnails
Post by: NoSy 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 ------

Title: Re: Shadow in Thumbnails
Post by: Chris 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