Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Avatar Glossy Effect - Postbit_Legacy Details »
Avatar Glossy Effect - Postbit_Legacy
Mod Version: 1.01, by thetechgenius (Coder/Designer) thetechgenius is offline
Developer Last Online: Dec 2017 I like it Show Printable Version Email this Page

vB Version: 4.2.2 Rating: (1 vote - 5.00 average) Installs: 12
Released: 29 Jan 2015 Last Update: Never Downloads: 64
Not Supported Template Edits Re-usable Code  

I found a really cool Javascript library that automatically adds a cool Glossy Shine effect to an image. You can add the Glossy Shine to any image on your forum, but I think it looks best with user's avatars.

And the best part is, the end-user doesn't need to do anything extra. They just upload their Avatar as normal, and when they see their avatar in posts, it will have a professional looking Shine/Glossy effect.

Lets get started!

1) First download the zip at the bottom, extract the contents, and upload the "js" folder to your forum root.

2) Add this code to your headerinclude template.


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


3) Edit the postbit_legacy template.

Find:


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

Now since my style is very custom, that code might not be exactly like yours.

You have to basiclly put a class on the avatar "IMG" tag.

Like this:


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

And save!


I also added a screenshot of what it will look like when its done.

EDIT
: You could also use the Javascript to make any image have the Glossy/Shine Effect. I added the code to my Postbit Legacy and the User Profile Avatars. I changed the code in the profiles so instead of the profiles showing the Profile Pictures, it only shows the User's Avatar with the Glossy/Shine Effect.

I added a screenshot of my profiles with the Avatar Shine/Glossy effect.

Download Now

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

Screenshots

Click image for larger version

Name:	avatar_glossy.png
Views:	479
Size:	72.0 KB
ID:	151753   Click image for larger version

Name:	avatar_glossy_profiles.png
Views:	399
Size:	99.6 KB
ID:	151760  

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
Show Thread Enhancements [CM] Posbit Avatar Hover (Zoom + 360 Degrees Turn Effect) ChiNa vBulletin 4.x Template Modifications 13 28 Apr 2015 23:20
Show Thread Enhancements [CM] Posbit Avatar Hover (Turns 360+ Effect) vB 3.8.x ChiNa vBulletin 3.8 Template Modifications 11 25 Nov 2012 18:42
Avatar/Image Reflection Effect Tralala vBulletin 3.5 Add-ons 166 15 Oct 2011 16:11

Comments
  #2  
Old 06 Feb 2015, 18:23
concepts's Avatar
concepts concepts is offline
 
Join Date: May 2005
Real name: Jamale
Pretty cool, and looks great on the site, thanks!
__________________

Achieving Superior Aesthetic Conditioning
Reply With Quote
  #3  
Old 12 Feb 2015, 15:35
valdet's Avatar
valdet valdet is offline
 
Join Date: Feb 2007
Real name: Valdet
Same effect for vB 3.x series

http://www.vbulletin.org/forum/showthread.php?t=171714
Reply With Quote
  #4  
Old 26 Feb 2015, 16:09
lapiervb lapiervb is offline
 
Join Date: Mar 2010
Does this take any additional resources?
Reply With Quote
  #5  
Old 26 Feb 2015, 16:47
CAG CheechDogg's Avatar
CAG CheechDogg CAG CheechDogg is offline
 
Join Date: Feb 2012
Originally Posted by lapiervb View Post
Does this take any additional resources?
Some because of the javascript ...but shouldn't be that bad ....
Reply With Quote
  #6  
Old 25 Mar 2015, 22:08
thetechgenius's Avatar
thetechgenius thetechgenius is offline
 
Join Date: Jun 2014
Originally Posted by CAG CheechDogg View Post
Some because of the javascript ...but shouldn't be that bad ....
Yes, it does take up some resources, but not much at all. Its only a little bit of javascript.
__________________
TheTechGenius.Net Official IRC Network (ONLINE)
Host: irc.thetechgenius.net
Port: 6667
TTG IRC Web Client - http://thetechgenius.net/irc.html
Reply With Quote
  #7  
Old 01 Aug 2015, 17:52
hazem_aliraqi's Avatar
hazem_aliraqi hazem_aliraqi is offline
 
Join Date: Oct 2010
Real name: Hazim M
thank you
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:20.

Layout Options | Width: Wide Color: