Show Thread Enhancements - 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

a.postuseravatar img,.primary img{border:1px solid #D5D5D5;background:white;padding:4px;-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);box-shadow:0px 2px 2px rgba(0,0,0,0.1);border-image:initial;}
a.postuseravatar img:hover,.primary img:hover{border:1px solid #7D7D7D;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;box-shadow:0px 0px 5px #999;}

Enjoy!

[thecore762]

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

[illusioNtEk]

where is the download link?

[LifesGreatestGift]

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

[thecore762]

Originally Posted by LifesGreatestGift

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

?

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

[LifesGreatestGift]

It 'moves' because your avatars are not centered.

[Bisha]

nice one

[thecore762]

Originally Posted by LifesGreatestGift

It 'moves' because your avatars are not centered.

I see, is there an easy fix for that?

[prandah]

not work with postbit ?

[AURFSCAN]

Originally Posted by prandah

not work with postbit ?

postbit, just with shadow

.postbit .postuseravatarlink img {

-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.4);-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.4);box-shadow:3px 3px 3px rgba(0,0,0,0.4);border-image:initial;

}

[Winter Sonata]

works as it should be


thanks!