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

[itsheinz]

pretty nice ..bu i got a little prob with this.its like it isnt centered,well im talking about the avatar.

[Tralala]

Hi all. I noticed this reflection stopped working with Safari 4 and Google Chrome. To fix this, replace reflection.js (in your clientscripts folder) with the new version, available for download here.

[m!dn!ght]

hi
can you port this nice mod for 3.8.x please ?

[MagicThemeParks]

Works great with 3.7.4 and 3.8.4

Simply follow the instructions to download the latest javascript here: http://cow.neondragon.net/stuff/reflection/

And, follow dancue's instructions in this post for the postbit changes: https://vborg.vbsupport.ru/showpost....&postcount=157

[ka81]

Originally Posted by MagicThemeParks

Works great with 3.7.4 and 3.8.4

Simply follow the instructions to download the latest javascript here: http://cow.neondragon.net/stuff/reflection/

And, follow dancue's instructions in this post for the postbit changes: https://vborg.vbsupport.ru/showpost....&postcount=157

i uploaded http://cow.neondragon.net/stuff/refl.../reflection.js
i added to header

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

i added to postbit_legacy

class="reflect"

in IE it's changed (but wit visual problems) - reflected picture is wider and has border -
in Opera - no changes.
vB 3.8.2

[SorentoUltimate]

Very good Mod !!! Thanks Tralala !!!

I make all the changes you said to instruction to have reflection effect to my forum.
I download the latest jevacript from here http://cow.neondragon.net/stuff/reflection/

After all that i have Reflection Effect don't apper to PostBit_Legacy and Meet Our Staff (in all other places work perfect).

After a lot of hours searching the problem i can say that the problem exist into JavaScript.

If i see the source code of the page (CTRL + U at Firefox) the javascript exist and the image class are reflect.

I don't know a lot about javascript to find the problem and solve, for that reason i need your help.

if you need more information or something else contact with me.

SorentoUltimate

[Fluke667]

I want this work on my vbulletin