Rounded avatars, profile pictures and attachment thumbnails
Mod Version: 1.01, by valdet
This modification is in the archives.
| vB Version: 3.6.8 | Rating:  (5 votes - 5.00 average) |
Installs: 37 |
| Released: 28 Feb 2008 | Last Update: 28 Feb 2008 | Downloads: 217 |
 Not Supported
 Template Edits
Additional Files
|
||
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:
and add this below
3. In your postbit_legacy template, find
replace it with
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 http://www.netzgesta.de/corner/ for the original javascript. I just made it to work for vBulletin
Enjoy,
Val.
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:
Code:
<!-- content table -->
Code:
<script type="text/javascript" src="clientscript/corner.js"></script>
3. In your postbit_legacy template, find
Code:
<div class="smallfont">
<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>
Code:
<div class="smallfont">
<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>
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 http://www.netzgesta.de/corner/ for the original javascript. I just made it to work for vBulletin
Enjoy,
Val.
Download
This modification is archived, downloads are still allowed.
rounded corners.zip (4.3 KB, 237 downloads)
Screenshots
