Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Logo Rotation Details »
Logo Rotation
Mod Version: 0.7, by thunderclap82 (Contributor) thunderclap82 is offline
Developer Last Online: Apr 2019 I like it Show Printable Version Email this Page

vB Version: 4.0.x Rating: (3 votes - 4.67 average) Installs: 22
Released: 21 Oct 2010 Last Update: Never Downloads: 0
Not Supported Uses Plugins Template Edits Code Changes Re-usable Code  

I had a client who wanted a rotating logo system that allowed them to have fancy transitions and have each logo link to a specific page. No mod I could find allowed this so, utilizing a jQuery app called Nivo Slider, I've managed to create exactly what they wanted.

Please note that I've only attempted this with a fixed theme. I do not know how it will behave with a fluid one. If someone wants to test it and let me know I'll make changes to the instructions as necessary.

DEMO

Special Thanks: Lynne for helping me get the plug-in portion working properly.

Requirement: Nivo Slider

1. Download and decompress the Nivo Slider archive.
2. Upload the files jquery.nivo.slider.pack.js and nivo-slider.css to your forums 'clientscript' folder.
3. Go to vB AdminCP --> Plugins & Products --> Plugin Manager --> Add New Plugin. Enter the following information:

Product: vBulletin
Hook Location: template_register_var
Title: Nivo Logo Rotator
Execution Order: 5
Plugin PHP Code:


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

4. Save the Plugin.
5. Go to vB AdminCP --> Styles & Templates --> Style Manager --> Add New Template. Enter the following information:

Title: banner_rotator
Template:


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

(Note: There are a lot of customizations for Nivo here, so I suggest you looking over the official website to get an idea of what you can do. These settings change the logo every seven seconds or so. Also, with each new logo you can click on it and be taken to a different URL.)

6. Save.
7. Edit the additional.css template. Add at the bottom:


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

8. Save.
9. Edit the header template. Find:


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

Delete or comment it out, then replace add:


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

(Replace the "XXX" in width and height to that suite your graphic. Width might need a little extra room so experiment a bit.)

10. Save.

You should now have a rotating logo in the header of your vB forum.

Version History
0.7: Added code at step 9 to help lock the header dimensions for your logo.
0.6: Fixed IE bug
0.5: Initial Release

Download Now

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

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
Banner Rotation plot vBulletin 3.5 Template Modifications 4 28 Jul 2006 11:58

Comments
  #2  
Old 21 Oct 2010, 23:46
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Reserved.
Reply With Quote
  #3  
Old 22 Oct 2010, 10:45
sticky sticky is offline
 
Join Date: Sep 2003
Very, very cool!

Is it just random? For example, if I have a logo I want to show up first can I do that?
Reply With Quote
  #4  
Old 22 Oct 2010, 13:33
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by sticky View Post
Very, very cool!

Is it just random? For example, if I have a logo I want to show up first can I do that?
I have mine configured as random, but you can have it go in a specific order if you like.
Reply With Quote
  #5  
Old 22 Oct 2010, 17:01
Netron Netron is offline
 
Join Date: Aug 2005
Real name: degil
perfect.
Reply With Quote
  #6  
Old 23 Oct 2010, 04:36
bandare bandare is offline
 
Join Date: Nov 2004
Couldn't this be made in to a widget to use on the homepage for news? I'd love something like this to work with the VB CMS system as a widget
Reply With Quote
  #7  
Old 23 Oct 2010, 05:22
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by bandare View Post
Couldn't this be made in to a widget to use on the homepage for news? I'd love something like this to work with the VB CMS system as a widget
I had it working in a CMS article so I don't know why you couldn't get it working in a widget. I can't say for sure, but I'd guess instead of putting the code in the banner_rotator template you could put it in a static_html widget. You probably wouldn't need to make the plug-in then either.
Reply With Quote
  #8  
Old 24 Oct 2010, 05:40
Taurus1's Avatar
Taurus1 Taurus1 is offline
 
Join Date: Dec 2009
This is really cool man. I tried it on a fluid style, and you will have to use it a bit differently though.
There is a problem however. If you look at my screenshot, you will see that the banner seems to be broken into parts and thrown to the bottom of the actual banner. The js affects also seems to only happen on these broken parts, and not on the banner on top at all.

Picture1.png

I am on 4.0.8, I hope you can help me to fix this. Thanks.
__________________
For custom designed Windows 7 Visual Styles/Themes, please visit CreativX!
Reply With Quote
  #9  
Old 24 Oct 2010, 16:09
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
I tried upgrading to 4.0.8 but it completely destroyed my custom theme, so I reverted to 4.0.7. Until the designer of my theme releases an update (which they said won't happen until 4.1) I'm not going to be much help. If you want to give me limited access to your site I'd be happy to look at the templates and see if I can spot were the trouble is. PM me if interested.
Reply With Quote
  #10  
Old 24 Oct 2010, 19:18
Netron Netron is offline
 
Join Date: Aug 2005
Real name: degil
vb 4.08 problem

Last edited by Netron; 24 Oct 2010 at 19:30.
Reply With Quote
  #11  
Old 25 Oct 2010, 07:19
baghdad4ever baghdad4ever is offline
 
Join Date: May 2007
Real name: husam
very nice but i have the same problem here

http://www.vbulletin.org/forum/showp...77&postcount=8



secondly
plz thunderclap82

how can you make the login box like that??
Reply With Quote
  #12  
Old 25 Oct 2010, 21:12
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by baghdad4ever View Post
very nice but i have the same problem here

http://www.vbulletin.org/forum/showp...77&postcount=8
Are you using vB 4.0.8 too? If so I'm limited in my ability to help since I can't upgrade without breaking the forum.


how can you make the login box like that??
I didn't do it. The theme developer did. It's available at skinbox.net.
Reply With Quote
  #13  
Old 26 Oct 2010, 19:28
baghdad4ever baghdad4ever is offline
 
Join Date: May 2007
Real name: husam
Originally Posted by thunderclap82 View Post
Are you using vB 4.0.8 too? If so I'm limited in my ability to help since I can't upgrade without breaking the forum.
thanks my friend

but how you run it in 4.0.8?
Reply With Quote
  #14  
Old 29 Oct 2010, 10:56
abbasbsp's Avatar
abbasbsp abbasbsp is offline
 
Join Date: Jun 2008
Real name: abbasbsp
how the logo to be placed in the middle (align center) ?
__________________
vb4.0.X is good, not heavy and perfect, demo of the modification I made, please the see JurDik Teknik Mesin Forum
----------------------------------------------------------------------------------------
if you are still stumped, please PM me
Reply With Quote
  #15  
Old 02 Nov 2010, 22:16
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by ichal_spy View Post
how the logo to be placed in the middle (align center) ?
I haven't tested this, but you could be able to use center tags like this:


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

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 04:01.

Layout Options | Width: Wide Color: