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 sherytiger

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

Make sure, you are using the correct replacement and upload the file.

If you want you may PM me your URL to take a look.

Click Install too.

Originally Posted by Boofo

What does the shading do?

Hi Boofo,
This adds a shadow to rounded avatars if you selected the appropriate settings in javascript class.

Attached is a screenshot of shades and rounded avatars in action.

[Boofo]

You did shadow, not shading, though. Isn't the shading on the pic itself?

I finally got the optimal setting for this and it really looks great! Thank you.

[valdet]

Originally Posted by Boofo

You did shadow, not shading, though. Isn't the shading on the pic itself?

I finally got the optimal setting for this and it really looks great! Thank you.

Shades/shadow it all sounds same to me as I am not a native English speaker.
The attached picture has a drop shadow on bottom right side of the picture/avatars.

I am glad you sorted it out.

[kj_202]

hello valdet, it looks nice but do you know if it possible to do it with categories?

rounded categories if so any ideas on how I would go around this?

[valdet]

Originally Posted by kj_202

hello valdet, it looks nice but do you know if it possible to do it with categories?

rounded categories if so any ideas on how I would go around this?

Do you mean to have rounded avatars only in certain categories & forums..?

If that's your question, then YES, it can be done by using conditionals.



If, you're thinking categories of your users (aka usergroups) then it can be done with conditionals too.

Regards,
Val.

[kj_202]

Erm I mean, just having categories, rounded

e.g. Plain categories nothing but a gradient in with a curve in? Do you understand if not reply please... I can explain further.

Edit: doesn't matter now, sorted

[YuOr]

-deleted-
never mind, stupid question

[TNCclubman]

tried this in vB 3.8.1 doesnt work.

any similar mod for the latest vB?

[ERAFOX]

this is great

[isatice]

great hack , but makes animated gif avatars , freezing