[b]wow 1st qment tnxx for sharing ave u got preview [/b]

Last edited by mitchelyn (2008-10-11 13:51:24)

Great.... thank you very much for divided his knowledge here.... Once more thank you

nice this working inmy layout

how come i cant see d shadow in ur preview? hm. LOL

You didn't specify if this trick is compatible with certain browsers. If checked your codes and it doesn't work. [u].commonbox h2[/u] is for the module (box) headers. [quote][u].commonbox h2[/u] { [color=blue]color:transparent; text-align:center; font-size:12px;[/color] height:30px; width:auto; [color=red]background-image:url(); background-attachment:scrolling; background-position:center center;[/color] [color=green]repeat-x center left[/color]; [color=yellow]border-bottom:transparent 2px double[/color]}[/quote] [color=blue]color:transparent; text-align:center; font-size:12px;[/color] You've set the color of the text for the module headers as transparent. But what for? I thought this trick is about the box shadows? And since you set the text headers to transparent, why bother aligning it and setting its font size? [color=red]background-image:url(); background-attachment:scrolling; background-position:center center;[/color] The default background settings for module headers doesn't have background images, and you declared in this code a null background-image, but why set the background attachment and background-position if there's no background image to modify? [color=green]repeat-x center left[/color] This is an incorrect syntax for background-repeat. It should be background-repeat:repeat-x; Then omit the [i]center left[/i], you can set the position using background-position property (if only you have image in background-image) [color=yellow]border-bottom:transparent 2px double[/color] The default setting for border-bottom of module headers doesn't have any values in it. In your code, you set it to transparent and also to 2px double, what do you mean by transparent 2px? If you want to remove the border-bottom, it should be border-bottom:0px; -- [quote]img{[b]opacity:1[/b]; [i]filter:alpha(opacity=100)[/i]} a:hover img{opacity:.50; filter:alpha(opacity=50,style=2)}[/b][/quote] [b]opacity:1[/b] opacity ranges from 0 to 1 (can use decimals, example 0.3) [i]filter:alpha(opacity=100)[/i] I think this property is for Internet Explorer. I haven't checked this out. But why modify the images if your trick is for the module boxes' shadows?

Last edited by eehjhay (2008-10-13 09:12:00)

thanks for sharing I'll try it later

[quote=aeinsshi]hmmpp....can i huv a direct code to be put in any section on my page..??[/quote] If there were direct codes then it would be posted here.. its really not that hard you just need an external css file and use the css linker code located in the underground thread. [url]http://theftalk.com/t42823-Making-Extensions-Files.-%5BFriendster-Editing%5D-%28Geocities%29.html[/url]