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!!

[Stefano Virgill]

Doesn't work at all here.

vb 3.7 neighter Opera nor Firefox

Unistalled

[Tralala]

Sorry to hear that Stefano, but just FYI, the latest release of vBulletin is 3.6.8. Not sure how you're running 3.7. Still, the hack is working for everyone that has installed it properly on 3.6.x.

So either you didn't install it properly, or it's not compatible with some pre-release of vBulletin 3.7 wyou've got your hands on.

[Stefano Virgill]

Hi tralala,
I know it's very strange cuz look like I'm the only one reporting it.
I just uploaded the .js file in the folder you wrote in the install instructions, then changes added the class for the reflections changing the code you wrote.
Anything else to do?

Thanks

Stefano

[Tralala]

Did you do the edit to the "header" template?

Which other templates did you edit?
For avatars in thread view?

[Stefano Virgill]

Hi,
I didn't edit the header cuz I don't need the reflection on my logo.
I tried with the modifications number 2, 3 and 4 in the instructions.
Nothing is changed in the forum, checked with opera and firefox.

Bye

Steve

[Tralala]

Editing the header is necessary for this hack to work (that's why it's in the instructions,) and it has nothing to do with adding a reflection to your logo.

Just follow the instructions as written, and the hack will work.

[Stefano Virgill]

It works man!
Me stupid

Thank you very much!
Excellent mod!

Steve

[Deaz]

Nice, this hack is very beautiful thanks man good job

[Katafraktos]

This is an excelent mod, i have it on my forum for some time now, and its great.
But, today, i upgraded my personal browser firefox 2.0.0.10 and from now on, it does not work anymore on firefox!

is there anyway i can make it work, not on my browser only, but in general, i thing that the automatic upgrade of firefox will be installed in more than one users of our forum.

thank you again

[Tralala]

Originally Posted by Katafraktos

This is an excelent mod, i have it on my forum for some time now, and its great.
But, today, i upgraded my personal browser firefox 2.0.0.10 and from now on, it does not work anymore on firefox!

is there anyway i can make it work, not on my browser only, but in general, i thing that the automatic upgrade of firefox will be installed in more than one users of our forum.

thank you again

Thanks for the kind words.

I've confirmed this is a bug with Firefox 2.0.0.10. There's not much I can do to address it, I suspect it'll be fixed by them in 2.0.0.11.

(It's working fine in a newer Mozilla nightly build: http://ftp.mozilla.org/pub/mozilla.o...14-mozilla1.8/)

So... hang tight.