Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Rounded avatars, profile pictures and attachment thumbnails Details »
Rounded avatars, profile pictures and attachment thumbnails
Mod Version: 1.01, by valdet (Designer) valdet is offline
Developer Last Online: Jun 2020 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.6.8 Rating: (5 votes - 5.00 average) Installs: 36
Released: 28 Feb 2008 Last Update: 28 Feb 2008 Downloads: 207
Supported Template Edits Additional Files  

Description:
Rounded Avatar & Image Effects allows you to add 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 corner.js to your clientscript directory

2. In your header template, find:

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

and add this below

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



3.
In your postbit_legacy template, find

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

replace it with

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

Finished.

Note that you can alter the javascript classes to suit your needs. If you want a shadow in your avatars/profile pics you may add ishadowXX to the class, so it may become: class="corner iradius10 ishadow25".
It is very flexible and you can tweak it as much as you want.

v.1.01 added rounded 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

Click image for larger version

Name:	rounded screen memberlist.PNG
Views:	643
Size:	88.1 KB
ID:	76477   Click image for larger version

Name:	rounded screen picture and avatar.jpg
Views:	489
Size:	38.1 KB
ID:	76478   Click image for larger version

Name:	rounded screen thread1.PNG
Views:	568
Size:	50.7 KB
ID:	76479   Click image for larger version

Name:	rounded attach.PNG
Views:	392
Size:	41.6 KB
ID:	76627  

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 Glossy avatars,profile pictures and attachment thumbnails valdet vBulletin 3.6 Template Modifications 15 12 Dec 2008 12:56

Comments
  #2  
Old 28 Feb 2008, 19:43
valdet's Avatar
valdet valdet is offline
 
Join Date: Feb 2007
Real name: Valdet
Here are the additional changes for postbit template, memberprofile, memberlist and profile picture


In your postbit template, find

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

replace it with

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

For rounded avatar in member profile, in MEMBERINFO template, find:

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

and replace it with

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

For rounded avatar in memberlist, in memberlist_resultsbit template, find this

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

replace it with:

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

For rounded display picture in member profile, in MEMBERINFO template find:

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

replace it with:

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

For rounded attachment thumbnails, in postbit_attachmentthumbnail template find this:

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

as it is the only instance of a class in the template, and replace it with

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


Last edited by valdet; 02 Mar 2008 at 18:49.
Reply With Quote
  #3  
Old 28 Feb 2008, 20:28
Defkalion Defkalion is offline
 
Join Date: Jan 2007
This is very nice, but it has one single problem. It destroys animated avatars.

Thanks.
Reply With Quote
  #4  
Old 28 Feb 2008, 21:38
iogames's Avatar
iogames iogames is offline
 
Join Date: Jan 2007
Real name: Josh Arcadia
Originally Posted by Defkalion View Post
This is very nice, but it has one single problem. It destroys animated avatars.

Thanks.
you destroyed my illusions
__________________
. █│║▌│█│║▌║│█║▌│║║█║
Reply With Quote
  #5  
Old 28 Feb 2008, 21:55
Forum Lover Forum Lover is offline
 
Join Date: Jun 2007
Real name: aupurbo
Ah!! It was almost great... any way to keep those gifs away from these action? I can't leave my animations.
Reply With Quote
  #6  
Old 28 Feb 2008, 22:56
valdet's Avatar
valdet valdet is offline
 
Join Date: Feb 2007
Real name: Valdet
I don't think this javascript works for animated gifs.

But hey someone might find it useful though.

Last edited by valdet; 29 Feb 2008 at 18:09.
Reply With Quote
  #7  
Old 28 Feb 2008, 23:04
Defkalion Defkalion is offline
 
Join Date: Jan 2007
Absolutely. I didn't mean to dishonor your work. This hack is very cool, I just don't have use for it, because I have animated gifs as avatars on my website.
Reply With Quote
  #8  
Old 01 Mar 2008, 06:21
Forum Lover Forum Lover is offline
 
Join Date: Jun 2007
Real name: aupurbo
Originally Posted by valdet View Post
I don't think this javascript works for animated gifs.

But hey someone might find it useful though.
Chill, sure its handy with jpeg.
Reply With Quote
  #9  
Old 01 Mar 2008, 08:15
Brandon Sheley's Avatar
Brandon Sheley Brandon Sheley is offline
 
Join Date: Mar 2005
Real name: Brandon
Nice, I think I'll add this to my forum

Thanks valdet

oh, just seen it's for 3.6, will this work in 3.7 ?

thanks
__________________

Love and support one another #vote2020
I offer Managed IT Services in Kansas
Reply With Quote
  #10  
Old 01 Mar 2008, 13:06
erdiyilmaz erdiyilmaz is offline
 
Join Date: Jun 2007
i don't understand how i can shadow it
Reply With Quote
  #11  
Old 02 Mar 2008, 12:42
valdet's Avatar
valdet valdet is offline
 
Join Date: Feb 2007
Real name: Valdet
Originally Posted by Loco.M View Post
Nice, I think I'll add this to my forum

Thanks valdet

oh, just seen it's for 3.6, will this work in 3.7 ?

thanks
Hey Brandon, thanks. It surely works for vb3.7 too, but i just did not install that one yet.
In your postbit_legacy search for $vbphrase[xs_avatar] , because there is only one instance of this phrase and do the replace accordingly between the <div> ...... </div> tags. Same goes with other templates too where you want to tweak the avatars.
For profile picture look for phrase $vbphrase[xs_picture].

I am sure it will work.

Originally Posted by erdiyilmaz View Post
i don't understand how i can shadow it
It is quite easy.
In my replacements, all you need to do is add the ishadowXX (XX is a number) to the javascript class.
Example if you need to add shadows in postbit_legacy you would use this replacement:

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

Note that you can tweak the numbers highlighted in red color to your liking.

The result:


Cheers,
Val.
Reply With Quote
  #12  
Old 02 Mar 2008, 16:00
erdiyilmaz erdiyilmaz is offline
 
Join Date: Jun 2007
thanks vaLdet, i understand now : )
its very nice
Reply With Quote
  #13  
Old 03 Mar 2008, 17:47
donaldgkimball donaldgkimball is offline
 
Join Date: Sep 2006
Real name: Donald G Kimball
Superb find. thx.
Reply With Quote
  #14  
Old 04 Mar 2008, 12:17
debian1 debian1 is offline
 
Join Date: Feb 2007
valdet,
pershendetje edhe urime per kete script...
kam nevoje per ndonje script qe mund te mi zvogeloje automatikisht avataret ne 80x80 pixel, edhe pse custom avatars mund te jene te medhej, automatikisht te zvogelohen ne 80x80
Reply With Quote
  #15  
Old 11 Mar 2008, 17:41
Tharos's Avatar
Tharos Tharos is offline
 
Join Date: Aug 2007
Real name: Daniel
very nice dude
iŽll use it but iŽll edit it with a pretty rounded
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 03:53.

Layout Options | Width: Wide Color: