 |
|
|
Mod Options |
Glossy avatars,profile pictures and attachment thumbnails Details »
|
|||||||||||||||||||||||||||
|
Glossy avatars,profile pictures and attachment thumbnails
Developer Last Online: Jun 2020 
This modification is in the archives.
Description:
Glossy Avatar & Image Effects allows you to add glossy rounded corners (and also shading and shadow) to avatars and images on your forums. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. This modification is a nice addition to all of you, who want your forums to have a nice Web2.0 effect. Installation: 1. Upload the attached glossy.js to your clientscript directory 2. In your header template, find:
and add this below
3. In your postbit_legacy template, find
replace it with
Finished. Note that you can alter the javascript classes to suit your needs.
v.1.01 added glossy effects for attachment thumbnails v.1.0 Initial release Credits for this modification go out to CVI Lab for the original javascript. I just made it to work for vBulletin Enjoy, Val. Download Now Only licensed members can download files, Click Here for more information. Screenshots
Show Your Support
No members have liked this post.
|
|||||||||||||||||||||||||||
About Developer
Not Supported 
Template Edits|
Similar Mod
|
||||
| Mod | Developer | Type | Replies | Last Post |
| Show Thread Enhancements Rounded avatars, profile pictures and attachment thumbnails | valdet | vBulletin 3.6 Template Modifications | 32 | 23 May 2009 13:44 |
| Comments |
|
#2
29 Feb 2008, 11:57
|
||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||
|
Here are the additional changes for postbit template, memberprofile, memberlist and profile picture
In your postbit template, find
replace it with
For glossy avatar in member profile, in MEMBERINFO template, find:
and replace it with
For glossy avatar in memberlist, in memberlist_resultsbit template, find this
replace it with:
For glossy display picture in member profile, in MEMBERINFO template find:
replace it with:
For glossy attachment thumbnails, in postbit_attachmentthumbnail template find this:
as it is the only instance of a class in the template, and replace it with
No members have liked this post.
Last edited by valdet; 02 Mar 2008 at 18:45. 
|
||||||||||||||||||||||||||||||||||||||||
|
#3
29 Feb 2008, 12:28
|
||||
|
||||
|
first post.. nice ...
 thanks
No members have liked this post.
|
|
#4
29 Feb 2008, 13:18
|
|||
|
|||
|
nice mod .... installed
Ps: does this work 3.7.x ???? No members have liked this post.
Last edited by shadowevil; 29 Feb 2008 at 15:19.
|
|
#5
29 Feb 2008, 14:07
|
||||
|
||||
|
works with animated gif?
No members have liked this post.
|
|
#6
01 Mar 2008, 00:48
|
||||
|
||||
|
Believe me... this are great but .GIF animated is a Tradition!
No members have liked this post.
|
|
#7
01 Mar 2008, 21:01
|
|||
|
|||
|
thanks
No members have liked this post.
|
|
#8
02 Mar 2008, 13:02
|
||||
|
||||
|
Looks cool... But I would have placed the javascript call line in the headinclude template where most vbulletin javascript calls reside.
__________________
No members have liked this post.
|
|
#9
02 Mar 2008, 13:31
|
||||
|
||||
|
Originally Posted by syrus.xl
It does not work if you place the javascript in headinclude (<head>...</head>), because this one needs to be included after the <body> tag..
Believe me I tried to place in headinclude and it won't display these effects. Val. 
No members have liked this post.
|
|
#10
02 Mar 2008, 13:48
|
||||
|
||||
|
Originally Posted by valdet
Yeah, I noticed... I tried that first!!
 Simple but entertaining modification though! Nice work.
__________________
No members have liked this post.
|
|
#11
10 Jul 2008, 09:29
|
|||
|
|||
|
will it work on bbcode images hosted on other sites?
No members have liked this post.
|
|
#12
10 Dec 2008, 11:17
|
||||
|
||||
|
Interesting mod, downloaded!
__________________
موقع اخبار مصر واخبار الرياضة والدولار في دليل مصر No members have liked this post.
|
|
#13
10 Dec 2008, 14:08
|
|||
|
|||
Originally Posted by valdet
Hmm, works fine for me. Added to the bottom of the headerinclude, last line. Once this is added, you can basically add it to any image. Find where the image is located in your template and add this right before the alt tag: class="glossy ibgcolor00aa00 igradient00aaaa horizontal noshadow" Doesn't matter of the size, but colors will need to be edited to look good. One last note, I added this to 3.8.0. Forum version shouldn't be a concern with this simple script I don't think. No members have liked this post.
|
|
#14
10 Dec 2008, 14:11
|
|||
|
|||
|
Works in firefox but not in IE7 for me here. Just noticed. Might be something on my end.
No members have liked this post.
|
|
#15
12 Dec 2008, 11:46
|
||||
|
||||
|
Tested on IE7, FF2, FF3, Opera 9.27, Opera 9.62, Safari 3.2 - works.
My recomendation, replace last two strings in js-file (setup window.onload event) with:
No members have liked this post.
|
||||
|
«
Previous Mod
|
Next Mod
»
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Mod Options | |
|
|
| New To Site? | Need Help? |
All times are GMT. The time now is 15:41.