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 10:58

  #16  
Old 03 Nov 2010, 10:57
abbasbsp's Avatar
abbasbsp abbasbsp is offline
 
Join Date: Jun 2008
Real name: abbasbsp
Originally Posted by thunderclap82 View Post
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.
not work bro
__________________
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
  #17  
Old 03 Nov 2010, 14:41
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by ichal_spy View Post
not work bro
In the banner_rotator template try changing


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

to


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

Reply With Quote
  #18  
Old 04 Nov 2010, 01:27
abbasbsp's Avatar
abbasbsp abbasbsp is offline
 
Join Date: Jun 2008
Real name: abbasbsp
Originally Posted by thunderclap82 View Post
In the banner_rotator template try changing


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

to


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
not working well, you try to think, I really needed
__________________
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
  #19  
Old 04 Nov 2010, 22:11
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by ichal_spy View Post
not working well, you try to think, I really needed
Is your template fixed or fluid? If it's fixed create a banner the exact size you want with the logo in the middle.
Reply With Quote
  #20  
Old 05 Nov 2010, 06:02
baghdad4ever baghdad4ever is offline
 
Join Date: May 2007
Real name: husam
is there any chance to update this mod to 4.0.8?
Reply With Quote
  #21  
Old 05 Nov 2010, 07:33
tekram's Avatar
tekram tekram is offline
 
Join Date: Jan 2005
Yes make it to 4.0.8 please....
Reply With Quote
  #22  
Old 05 Nov 2010, 19:30
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
The developer of my theme has said he plans to have the theme updated for 4.0.8 within a week. Once I can upgrade successfully I will look into the 4.0.8 issue.

Last edited by thunderclap82; 05 Nov 2010 at 19:57.
Reply With Quote
  #23  
Old 06 Nov 2010, 16:39
abbasbsp's Avatar
abbasbsp abbasbsp is offline
 
Join Date: Jun 2008
Real name: abbasbsp
Originally Posted by thunderclap82 View Post
Is your template fixed or fluid? If it's fixed create a banner the exact size you want with the logo in the middle.
Why not be made by using the code, so that all can be used template, I'm sure you can and be able to find a solution under centering logo
__________________
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
  #24  
Old 24 Nov 2010, 02:25
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
I upgraded to vB 4.0.8 today and the rotating logo still works fine. I'm not sure why others are having the problem mentioned above.
Reply With Quote
  #25  
Old 07 Dec 2010, 04:39
baghdad4ever baghdad4ever is offline
 
Join Date: May 2007
Real name: husam
Originally Posted by thunderclap82 View Post
I upgraded to vB 4.0.8 today and the rotating logo still works fine. I'm not sure why others are having the problem mentioned above.
we put like that



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

is that right???


note : in the demo site the login area gone away behind the banner
Reply With Quote
  #26  
Old 08 Dec 2010, 02:32
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by baghdad4ever View Post
we put like that



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

is that right???
Yes. That's exactly right.

note : in the demo site the login area gone away behind the banner
I was working on some other template issues. The site should be fine again.
Reply With Quote
  #27  
Old 08 Dec 2010, 10:28
baghdad4ever baghdad4ever is offline
 
Join Date: May 2007
Real name: husam
thanks for your update

plz i have 2 questions

1- how to center the logo

2- how to show the login area above the logo

bec now the login behind logo


thanks again
Reply With Quote
  #28  
Old 08 Dec 2010, 16:41
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Originally Posted by baghdad4ever View Post
1- how to center the logo

2- how to show the login area above the logo
1. To center modify the following code:


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

2. It all depends on your template. Move the header code around to see where it best fits.
Reply With Quote
  #29  
Old 08 Dec 2010, 18:31
baghdad4ever baghdad4ever is offline
 
Join Date: May 2007
Real name: husam
Originally Posted by thunderclap82 View Post
1. To center modify the following code:


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

2. It all depends on your template. Move the header code around to see where it best fits.
thanks

now the logo go to left and not in the center !!!

how to fix that?
Reply With Quote
  #30  
Old 08 Dec 2010, 18:56
thunderclap82 thunderclap82 is offline
 
Join Date: Dec 2008
Try changing "align:center;" to "align-text:center;". I'm not sure if that will work but give it a try. Otherwise, try using <center></center> around the <div></div>.
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:16.

Layout Options | Width: Wide Color: