Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Avatar/Image Reflection Effect Details »
Avatar/Image Reflection Effect
Mod Version: 1.5, by Tralala (Member) Tralala is offline
Developer Last Online: Mar 2015 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.5.4 Rating: (13 votes - 4.46 average) Installs: 137
Released: 04 May 2006 Last Update: 22 Jun 2006 Downloads: 895
Not Supported Template Edits Additional Files  


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

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	threadview_reflection.jpg
Views:	1430
Size:	78.2 KB
ID:	46917   Click image for larger version

Name:	profile_reflection.jpg
Views:	711
Size:	32.1 KB
ID:	46924   Click image for larger version

Name:	image_reflection.jpg
Views:	1023
Size:	166.1 KB
ID:	46925   Click image for larger version

Name:	image_reflection2.jpg
Views:	658
Size:	75.4 KB
ID:	46926  

Click image for larger version

Name:	whitesample.jpg
Views:	588
Size:	76.8 KB
ID:	47049   Click image for larger version

Name:	blacksample.jpg
Views:	467
Size:	73.3 KB
ID:	47050   Click image for larger version

Name:	greensample.jpg
Views:	387
Size:	137.1 KB
ID:	47051   Click image for larger version

Name:	varyheightandopacity.jpg
Views:	409
Size:	33.3 KB
ID:	48437  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Add image fade effect to attached thumbnails Ntfu2 vBulletin 3.5 Template Modifications 19 27 Aug 2007 04:54
Hover Links and Image Effect krvaricp vBulletin 3.5 Template Modifications 5 06 Nov 2005 17:19

  #151  
Old 02 Dec 2007, 11:03
Flygye Flygye is offline
 
Join Date: Sep 2007
Hi you guys.

I have installed this hack on my forum, and it looks realy nice
But i have a little problem, when the forum loads it freeze by 3 seconds and then after the 3 seconds it works fine.

I have commented the code for the script in header template , and the forum works normaly, but if i put the script in the header template it freeze by 3 seconds.

What it's the problem, anyone knows?
Reply With Quote
  #152  
Old 03 Dec 2007, 04:03
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by Tralala View Post
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.
As predicted, this is now working again, with the new release of Firefox 2.0.0.11.
Reply With Quote
  #153  
Old 03 Dec 2007, 04:06
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by Flygye View Post
Hi you guys.

I have installed this hack on my forum, and it looks realy nice
But i have a little problem, when the forum loads it freeze by 3 seconds and then after the 3 seconds it works fine.

I have commented the code for the script in header template , and the forum works normaly, but if i put the script in the header template it freeze by 3 seconds.

What it's the problem, anyone knows?
I've heard this issue come up before and I believe it's older-browser-specific. That is, whatever browser you are in is struggling to run the javascript that renders the reflection.

What browser/version/platform are you using? Does the same 3 second delay happen when you try a different browser?
Reply With Quote
  #154  
Old 29 Dec 2007, 19:17
DigitALL2 DigitALL2 is offline
 
Join Date: Dec 2005
I have read all posts here and results are various, for some it worked this hack for some not.
I have installed it under two skins (one bright and one dark) and for one moment I could see the reflections. Then it was just not there and nothing was changed.

I noticed that once I log out (as admin) and go see some threads the reflexion is back and every time with no problem! As soon as log back in, the reflexion disappears.
I asked one moderator to check and it was the same, when logged did not see it and when logged out the reflexion was there.
I followed the installation to the letter for avatars in thread view (postbit template and header).

Any idea why this problem?
Reply With Quote
  #155  
Old 04 Jan 2008, 19:58
Termi Termi is offline
 
Join Date: Nov 2002
hi, all

is it possible to make a refleciton on header image ?

i have vb 3.6.8

and this header template


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

can you help me pls thanks

regards Termi
Reply With Quote
  #156  
Old 26 Feb 2008, 03:04
crakker56 crakker56 is offline
 
Join Date: Feb 2008
Originally Posted by Doc31 View Post
Is there a way to make a check box in say the vb options page in the usercp to enable/disable this feature?
Has anyone been able to make this??
Reply With Quote
  #157  
Old 22 Mar 2008, 21:57
dancue dancue is offline
 
Join Date: Feb 2008
Can we get the installation instructions revised for the latest versions of vbulletin? Some of the coding has changed.

I managed to figure out postbit legacy for those of you interested...

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #158  
Old 19 Jun 2008, 09:58
ka81's Avatar
ka81 ka81 is offline
 
Join Date: Mar 2006
whould you please port it for vB 3.7.x (3.7.0) ??
or it's already created somewhere here??
__________________
OK
Reply With Quote
  #159  
Old 26 Jul 2008, 04:10
TimberFloorAu's Avatar
TimberFloorAu TimberFloorAu is offline
 
Join Date: May 2008
Real name: Blue
Made my day mate Thanks.

__________________

My Hacks [ click ] | Steve ~ Administrator for British Expats AustraliaBound.org/forum | Test our forum - user; don pass; pass123
Sports Tipping Mod - coming February 2010 ~ Show your Interest !
Reply With Quote
  #160  
Old 12 Aug 2008, 03:38
columbusgeek's Avatar
columbusgeek columbusgeek is offline
 
Join Date: Sep 2007
Easy to add, works great. thanks.
Reply With Quote
  #161  
Old 17 Feb 2009, 16:44
itsheinz itsheinz is offline
 
Join Date: Feb 2009
pretty nice ..bu i got a little prob with this.its like it isnt centered,well im talking about the avatar.
Reply With Quote
  #162  
Old 27 Jun 2009, 15:01
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
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.
Reply With Quote
  #163  
Old 15 Aug 2009, 17:48
m!dn!ght m!dn!ght is offline
 
Join Date: Apr 2009
Real name: younes
hi
can you port this nice mod for 3.8.x please ?
Reply With Quote
  #164  
Old 02 Oct 2009, 01:22
MagicThemeParks's Avatar
MagicThemeParks MagicThemeParks is offline
 
Join Date: Sep 2009
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: http://www.vbulletin.org/forum/showp...&postcount=157
Reply With Quote
  #165  
Old 11 Nov 2009, 00:02
ka81's Avatar
ka81 ka81 is offline
 
Join Date: Mar 2006
Originally Posted by MagicThemeParks View Post
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: http://www.vbulletin.org/forum/showp...&postcount=157
i uploaded http://cow.neondragon.net/stuff/refl.../reflection.js
i added to header
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

i added to postbit_legacy
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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

Last edited by ka81; 11 Nov 2009 at 00:27.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 16:30.

Layout Options | Width: Wide Color: