Show Thread Enhancements - Rounded avatars, profile pictures and attachment thumbnails

Description:
Rounded Avatar & Image Effects allows you to add rounded corners (and also shading and shadow) to avatars and images on your forums. It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+.

This modification is a nice addition to all of you, who want your forums to have a nice Web2.0 effect.

Installation:
1. Upload the attached corner.js to your clientscript directory

2. In your header template, find:

<!-- content table -->

and add this below

<script type="text/javascript" src="clientscript/corner.js"></script>

3. In your postbit_legacy template, find

<div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                </div>

replace it with

                <div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]"  class="corner iradius10" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                </div>

Finished.

Note that you can alter the javascript classes to suit your needs. If you want a shadow in your avatars/profile pics you may add ishadowXX to the class, so it may become: class="corner iradius10 ishadow25".
It is very flexible and you can tweak it as much as you want.

v.1.01 added rounded effects for attachment thumbnails
v.1.0 Initial release

Credits for this modification go out to CVI Lab for the original javascript. I just made it to work for vBulletin

Enjoy,
Val.

[valdet]

Originally Posted by Loco.M

Nice, I think I'll add this to my forum

Thanks valdet

oh, just seen it's for 3.6, will this work in 3.7 ?

thanks

Hey Brandon, thanks. It surely works for vb3.7 too, but i just did not install that one yet.
In your postbit_legacy search for $vbphrase[xs_avatar] , because there is only one instance of this phrase and do the replace accordingly between the <div> ...... </div> tags. Same goes with other templates too where you want to tweak the avatars.
For profile picture look for phrase $vbphrase[xs_picture].

I am sure it will work.

Originally Posted by erdiyilmaz

i don't understand how i can shadow it

It is quite easy.
In my replacements, all you need to do is add the ishadowXX (XX is a number) to the javascript class.
Example if you need to add shadows in postbit_legacy you would use this replacement:

<div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]"  class="corner iradius9 ishadow38" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                </div>

Note that you can tweak the numbers highlighted in red color to your liking.

The result:


Cheers,
Val.

[erdiyilmaz]

thanks vaLdet, i understand now : )
its very nice

[donaldgkimball]

Superb find. thx.

[debian1]

valdet,
pershendetje edhe urime per kete script...
kam nevoje per ndonje script qe mund te mi zvogeloje automatikisht avataret ne 80x80 pixel, edhe pse custom avatars mund te jene te medhej, automatikisht te zvogelohen ne 80x80

[Tharos]

very nice dude
i´ll use it but i´ll edit it with a pretty rounded

[cafenetland]

awsome

thx

[erdiyilmaz]

my forum has a probLem because of corner.js

some antivirus programs immediateLy aLert; EXP/HTML.VML.Gen virus.

how can we soLve this issue?

[valdet]

Originally Posted by erdiyilmaz

my forum has a probLem because of corner.js

some antivirus programs immediateLy aLert; EXP/HTML.VML.Gen virus.

how can we soLve this issue?

I think that might be a false positive, because I scanned that file with Kaspersky online scanner, my McAfee scanner and NOD32 and there were no risk alerts at all.

What's more, I provided the link to original author of this script and since it is widely used, I don't think it is a virus/trojan and whatsoever.

I hope that helps.

Regards,
Val.

[sherytiger]

Not working for me!
Still the avatars are same, no curve or any other effect.

[Boofo]

What does the shading do?