Avatar/Image Reflection Effect

This modification dynamically adds a subtle "reflection" effect underneath avatars and/or images on your forums. The reflection will automatically fade into your forum's background color, whatever it might be. You can also offer this effect as an option for your members' uploaded images via a BB Code.

This effect uses unobtrusive javascript to keep your code clean. It doesn't require additional server work. It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB!

"Simple. Unique. Classy. Thank you!"
- Forum admininstrator, JoeSixPack

"This mod gives my forum a slick, almost 3-D look!"
- Forum administrator, Tralala

Details:
1 file upload ("reflection.js") to forum's clientscript directory

1 template edit to "header" template

Optional edit: 1 for avatars in thread view ("postbit_legacy" template)
Optional edit: 1 for avatars in thread view ("postbit" template)
Optional edit: 1 for avatars in member profile ("MEMBERINFO" template)
Optional edit: 1 for profile picture in member profile ("MEMBERINFO" template)
Optional edit: 1 for avatars in Members List ("memberlist_resultsbit" template)
Optional edit: 1 for new BBcode (AdminCP -> Custom BB Codes -> BB Code Manager)
Optional edit, not recommended: 1 for ALL images posted inline via standard IMG BBCode ("includes/class_bbcode.php" file)

(All of the above optional edits involve simply inserting class="reflect" to the image HTML code, which adds the reflections. The code to replace for each edit is included in the .zip archive.)

See screenshots to see it in action...


My very first vBulletin hack! Kudos to the fine coders at vBulletin.org whose work inspires me.

Special thanks to Cow's Blog for the reflection.js code. Shared and distributed freely under MIT-style License.

Enjoy!!

[Tralala]

Originally Posted by ZIKI-SET

Your zip is corrupt

I've just re-uploaded it, and removed the screenshot samples (since they're on display in the first post.) Let me know if that works for ya.

[Ziki]

Nope still doesn't

[Tralala]

Originally Posted by ZIKI-SET

Nope still doesn't

Weird; others have downloaded it fine...

Anyway, I just zipped it on a different computer using a different app. Please try downloading again, thanks!

[Barakat]

installed and working fine >

[Tralala]

Originally Posted by Lil Ripsta

Pretty nice. Works fine on Firefox!

Thanks, Lil Ripsta. Please click Install.

[Tralala]

Originally Posted by firstrebel

Javascript is on, and it does not show in FF either. I will try it on my live site later and let you know.

Sounds good. I've tested it and confirmed it works over here, as have quite a few others... so am curious to hear feedback after you've tested on your live site.

[whitetigergrowl]

Working awesome. Great job. Thank you!

[Tralala]

I just made a slight tweak to the installation procedure, and that is putting the reflection.js file into the clientscript directory instead. (It's more appropriate there, than loose in the forum's parent directory.) I then updated the "header" template change to match this new location.

Other than that, the modification is exactly the same. Such a minor change, not worthy of a new version number.

[Boofo]

LOL I did that when I first installed it. Better to keep the js files together.

[board.trash]

thank you, a very nice mod!