WCF - Enhanced Avatar +Shadow
 

Pretty self explanatory. Most people probably already know how to do this but for those who don't... :)

Just makes the avatars look a little nicer. Feel free to edit/style to fit your needs.

Add the following code to additional.css
Enjoy!

http://i293.photobucket.com/albums/m...tar-shadow.png

Thanks for sharing this :)

Thank you
installed

keep it up bro

it does'nt work for me :(

Link to forum so I can see the code.

[CLICK INSTALL]

Simple, yet effective. Thanks LifesGreatestGift ;) (tagged, will download and try out shortly)

Wow nice CSS. Thank you very much!

The hoover works, but I'm not getting the border around the avatar. I am using a dark theme, so the white border should be easy to see. On hoover, the glowing white shows up, but that's it. Any ideas?

http://www.stlxr.com

i do not see the
at all when reviewing the CSS for your avatars.

You have a dark site so you will first need to fix why the css isnt displaying (didnt paste the code exact as-is in additional.css?) then you will need to change a few colors to blend it with your style.

Nice mod...thanks!

The black line border around the avatars doesn't show up in IE but does in FF, but it still looks good with the extra white border

Nice and working fine with 4.1.10!!! :up:

Working fine.
Simple mod... but effective.
Thank you

This type of simple mods give you a richer look. keep post this type of mods

Thank u very Much !

Nice work, sir. ;)

work like charm :D
mark installed :D

Indeed... Perfect mod!! :)

Very nice, thanks... :D

I find that changing the padding size to 0.5 instead of 4 works better with the darker background themes.

This is a Great Tweak!

Nice work there!
Really looks good with my dark template :)

BTW I am having little issues with the padding.
When I mouse over things start moving.

Sample: http://www.47r-squad.com/general-dis...rum-rules.html

where is the download link?

lol. read the post. all the instructions are there.

?

Anyways, is it possible for me to fix the above *post before the other guy*

It 'moves' because your avatars are not centered.

nice one

I see, is there an easy fix for that?

not work with postbit ?

postbit, just with shadow

works as it should be :)


thanks!

Rawr, looks great, I used the shadows as the default for avatars. Now, how to make it so it would be slightly bigger or/and darker on the right and bottom?

change all instances of rgba(0,0,0,0.1) in code to eg. rgba(0,0,0,0.4), rgba(0,0,0,0.6) etc

I'm using this: a.postuseravatar img,.primary img{border:1px solid #7D7D7D;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;box-shadow:0px 0px 5px #999;} and there's no rgba there >.<

very good thanks

Hi

I have just edited the additional.css file but the shadow does not appear in Firefox.
It does appear in Internet Explorer.
Anything I can do to correct it?

not working here :(

Install instructions i cant figure it out.

theres no save button on additional css

Thanks, it does as it says, brilliant.