Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Add image fade effect to attached thumbnails Details »
Add image fade effect to attached thumbnails
Mod Version: 1.00, by Ntfu2 (Member) Ntfu2 is offline
Developer Last Online: Jan 2010 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.5.4 Rating: (0 vote - 0 average) Installs: 11
Released: 08 May 2006 Last Update: Never Downloads: 22
Not Supported  

This will add a pretty image fade effect to attached thumbnails, and will also let you add the effect to any image you want simply using the class="fade" tag.

*Confirmed working on FireFox and Internet Explorer Only*
For Opera see this post
Safari see this post

1. open AdminCP -> Styles And templates, then Main CSS, Scroll down to Additional CSS and enter this in the box


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

2. Save

3. Go To Postibit Templates -> postbit_attachmentthumbnail. After the first <a add


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

4. Save

End refult of postbit_attachmentthumbnail should look similar to this

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


Working demo:Will have to scroll a little to get to the attached thumbnails
http://www.fightrice.com/forums/showthread.php?t=8635


Dont forget to click install, and if you really like it, making a nice link back to me in your footer would be lovely

Download Now

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

Screenshots

Click image for larger version

Name:	fade1.gif
Views:	620
Size:	34.0 KB
ID:	47128   Click image for larger version

Name:	fade2.gif
Views:	562
Size:	33.0 KB
ID:	47129  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Add-On Releases Attached Image Watermarking PLUS Guest Viewing of Thumbnails ConqSoft vBulletin 3.6 Add-ons 206 10 Aug 2011 08:14
Add a border design around attached thumbnails calorie vBulletin 3.5 Template Modifications 33 12 Jul 2008 23:35

Comments
  #2  
Old 08 May 2006, 17:52
rmxs's Avatar
rmxs rmxs is offline
 
Join Date: Apr 2006
First ... Thanks I'll try
Reply With Quote
  #3  
Old 08 May 2006, 18:27
sensimilla sensimilla is offline
 
Join Date: Dec 2004
Real name: Eric Estrada
great hack, doesnt work with Opera but looks fine in Mozilla and IE
Reply With Quote
  #4  
Old 08 May 2006, 18:59
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
It's sort of a "rollover" effect? Thumbnails are faded, until you put your cursor over them in which case they unfade.

Originally Posted by sensimilla
doesnt work with Opera but looks fine in Mozilla and IE
BTW, this also doesn't work in Safari.
Reply With Quote
  #5  
Old 08 May 2006, 19:42
Snake's Avatar
Snake Snake is offline
 
Join Date: Mar 2005
Location: Cleveland, OH
Real name: Josh
Does it work fine on Firefox?
Reply With Quote
  #6  
Old 08 May 2006, 20:05
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
works on FireFox and IE for sure,


Reports say it doesnt work in Safari, or Opera, but it shouldnt mess anything up if it doesnt work
Reply With Quote
  #7  
Old 08 May 2006, 20:17
kennn kennn is offline
 
Join Date: Mar 2006
Originally Posted by sensimilla
doesnt work with Opera
Nice hack!

Add...


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

...and...


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

And it will work in Opera 9 Beta (but not below).
Reply With Quote
  #8  
Old 08 May 2006, 20:24
kennn kennn is offline
 
Join Date: Mar 2006
Not sure about this one, but add...


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

...and...


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

...for Safari support...cannot verify this as I have no access to Safari. Might need to fiddle with the values (100 as opposed to 1, etc.).
Reply With Quote
  #9  
Old 08 May 2006, 20:34
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
Thanks, soon as someone can confirm that i'll be glad to update install instructions
Reply With Quote
  #10  
Old 08 May 2006, 20:55
kennn kennn is offline
 
Join Date: Mar 2006
Well, I can confirm the first one I posted as I'm using Opera 9 myself and opacity works like a charm. It is the second one I'm not sure about since I have no access to a Mac - but the khtml-opacity property is reported to work in Safari.
Reply With Quote
  #11  
Old 09 May 2006, 00:56
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Safari user here. Update the working demo with the the khtml-opacity property, and I'll tell you if it works, if you like...
Reply With Quote
  #12  
Old 09 May 2006, 07:09
Ntfu2 Ntfu2 is offline
 
Join Date: Feb 2006
ok, demo link updated with both new CSS rules i was given.

Please let me know if that works, and i'll update the hack sa well.

Thanks
Reply With Quote
  #13  
Old 09 May 2006, 07:16
Boofo's Avatar
Boofo Boofo is offline
 
Join Date: Mar 2002
Real name: Rob
Maybe you could do a browser check for this and have it use what it needs to to be able to use it in that browser. (Did that make any sense at all?)
Reply With Quote
  #14  
Old 09 May 2006, 07:59
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by Ntfu2
ok, demo link updated with both new CSS rules i was given.

Please let me know if that works, and i'll update the hack sa well.

Thanks

Yes, it now works in Safari 2.0.x.
Reply With Quote
  #15  
Old 09 May 2006, 08:32
sensimilla sensimilla is offline
 
Join Date: Dec 2004
Real name: Eric Estrada
I think theres a typo there
.fade img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: .50;
}
.fade:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: .1;
}
should be :

opacity: 1;
and now it works fine just like at demo site :)

thanks
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 01:31.

Layout Options | Width: Wide Color: