Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Add Icons to the Navigation Bar Tabs Details »
Add Icons to the Navigation Bar Tabs
Mod Version: 1.00, by abdulbasitsaeed (Member) abdulbasitsaeed is offline
Developer Last Online: Apr 2017 I like it Show Printable Version Email this Page

vB Version: 4.1.2 Rating: (7 votes - 5.00 average) Installs: 70
Released: 10 Apr 2010 Last Update: Never Downloads: 0
Not Supported Template Edits Code Changes  

Hi there, everyone!

Prior to the vBulletin 4.0 upgrade, I had these neat little icons in the navigation bar of my v 3.8 forum's theme. Since I upgraded the forums, I wanted to put these icons back once again. However, with the rewrite of the whole code, I was at a complete loss as to where to make these changes.

After a lot of searching and hit and trial, however, I did manage to come up with something that suited my needs. So I thought I'd write an article myself, with the hope that it would help others trying to do something similar.

These template modifications allow you to add icons to the tabs in the Navigation Bar, right below the logo, as shown in the image below:



I'll stick with the default Navigation Bar tabs, i.e. Home, Forum, Blogs and What's New. Although you may use images of any size, but since I did not want to meddle too much with the default design / layout, I resized all the images to 24px 24px.

Note: I have colour coded all code edits / additions in red to make it easier to see what has been added.

Note: You may find instructions for vB 4.1.2 over here.
------------------------------

"Home" Tab:
(2 modifications needed in only 1 template)

In your Admin Control Panel (ACP), go to:

ACP > Styles & Templates > Style Manager > Double arrows on the right of the style you want to edit (Expand Templates) > vBulletin CMS Templates > vbcms_navbar_link

Here, look for the following code:


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

Replace this with:


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

Now find:


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

Replace with:


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

Remember to press "Save" after making these changes to the template.
------------------------------

"Forum" Tab:
(3 modifications needed in only 1 template)

In your Admin Control Panel (ACP), go to:

ACP > Styles & Templates > Style Manager > Double arrows on the right of the style you want to edit (Expand Templates) > Navigation / Breadcrumb Templates > navbar

Here, look for the following code:


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

Replace this with:


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

Now find:


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

Replace with:


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

Finally find:


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

Replace with:


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

Remember to press "Save" after making these changes to the template.
------------------------------

"Blogs" Tab: (2 modifications needed in only 1 template)

In your Admin Control Panel (ACP), go to:

ACP > Styles & Templates > Style Manager > Double arrows on the right of the style you want to edit (Expand Templates) > Blog Templates > blog_navbar_link

Here, look for the following code:


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

Replace this with:


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

Now find:


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

Replace with:


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

Remember to press "Save" after making these changes to the template.
------------------------------

"What's New" Tab:
(4 modifications needed in only 1 template)

In your Admin Control Panel (ACP), go to:

ACP > Styles & Templates > Style Manager > Double arrows on the right of the style you want to edit (Expand Templates) > Navigation / Breadcrumb Templates > navbar

Here, look for the following code:


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

Replace this with:


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

Now find:


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

Replace with:


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

Find:


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

Replace with:


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

Finally find:


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

Replace with:


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

Remember to press "Save" after making these changes to the template.

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.
  #61  
Old 01 Mar 2011, 17:47
abdulbasitsaeed's Avatar
abdulbasitsaeed abdulbasitsaeed is offline
 
Join Date: Mar 2009
You may show your thanks by clicking "Mark as Installed", Mikevet1984.
Reply With Quote
  #62  
Old 01 Mar 2011, 17:59
Mikevet1984's Avatar
Mikevet1984 Mikevet1984 is offline
 
Join Date: Nov 2010
Of course, done!

Forgive me for the delay!

One more request please....

How can we find he navbar template of the buttons if a user adds more tabs than the default ones? I use this modification http://www.vbulletin.org/forum/showthread.php?t=228507 to add more tabs in my forum. How can I find the template needed to to alter the script for new icons to be added?

You may change the instructions of you like just like the ones in post number 49 as this was the way that helped me understand what I have to alter in the templates for the icons to appear!
Reply With Quote
  #63  
Old 02 Mar 2011, 01:28
OldSchoolDSL OldSchoolDSL is offline
 
Join Date: Oct 2010
Real name: Adam H.
Would be wonderful if I could get this to work with:

http://www.vbulletin.org/forum/showthread.php?t=237931
Reply With Quote
  #64  
Old 02 Mar 2011, 02:54
abdulbasitsaeed's Avatar
abdulbasitsaeed abdulbasitsaeed is offline
 
Join Date: Mar 2009
Originally Posted by Mikevet1984 View Post
Of course, done!

Forgive me for the delay!

One more request please....

How can we find he navbar template of the buttons if a user adds more tabs than the default ones? I use this modification http://www.vbulletin.org/forum/showthread.php?t=228507 to add more tabs in my forum. How can I find the template needed to to alter the script for new icons to be added?

You may change the instructions of you like just like the ones in post number 49 as this was the way that helped me understand what I have to alter in the templates for the icons to appear!
No problem, and thank you.

I use vBH-Add new tabs as well and adding an icon to its tabs is actually easier than the template modifications outlined above.

In your Admin Control Panel, go to Settings > Options > vBH New Tabs Options. This is the code that I am using for my added tab.


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

That's all that there's to it. Let me know whether it works for you or not.
Reply With Quote
  #65  
Old 02 Mar 2011, 02:57
abdulbasitsaeed's Avatar
abdulbasitsaeed abdulbasitsaeed is offline
 
Join Date: Mar 2009
Originally Posted by OldSchoolDSL View Post
Would be wonderful if I could get this to work with:

http://www.vbulletin.org/forum/showthread.php?t=237931
I'm afraid I don't have that installed at my end. Perhaps you could give me admin access to your site and I could have a look around. Hopefully, it shouldn't be that hard.
Reply With Quote
  #66  
Old 02 Mar 2011, 10:34
Mikevet1984's Avatar
Mikevet1984 Mikevet1984 is offline
 
Join Date: Nov 2010
Thank you one more time abdulbasitsaeed for sharing your tricks with us....

I was wondering if the same thing can be done with the links under the Navbar.
Reply With Quote
  #67  
Old 02 Mar 2011, 10:51
abdulbasitsaeed's Avatar
abdulbasitsaeed abdulbasitsaeed is offline
 
Join Date: Mar 2009
I'm afraid that is out of the scope of this article.

The tabs all have unique names coded as phrases. However, links in the navbar are not unique per se. One can change the name of any link to anything else.
Reply With Quote
  #68  
Old 09 Mar 2011, 23:34
OldSchoolDSL OldSchoolDSL is offline
 
Join Date: Oct 2010
Real name: Adam H.
Originally Posted by abdulbasitsaeed View Post
I'm afraid I don't have that installed at my end. Perhaps you could give me admin access to your site and I could have a look around. Hopefully, it shouldn't be that hard.
I'll be switching host soon. I'll give you access once I move host (allowing you to do what ever you want on the old host).
Reply With Quote
  #69  
Old 09 Mar 2011, 23:44
Mikevet1984's Avatar
Mikevet1984 Mikevet1984 is offline
 
Join Date: Nov 2010
Hello,

I added this modification for user notes http://www.vbulletin.org/forum/showthread.php?t=247552

and one more tab appeared in the navbar!

Could sb please inform me which is the Navbar template of this mod to add an icon to this mod tab?
Reply With Quote
  #70  
Old 11 Mar 2011, 04:24
abdulbasitsaeed's Avatar
abdulbasitsaeed abdulbasitsaeed is offline
 
Join Date: Mar 2009
Originally Posted by Mikevet1984 View Post
Hello,

I added this modification for user notes http://www.vbulletin.org/forum/showthread.php?t=247552

and one more tab appeared in the navbar!

Could sb please inform me which is the Navbar template of this mod to add an icon to this mod tab?
Go to Admin Control Panel > Plugins & Products > Plugin Manager.

Here, under Product : IB myNotes, click Navbar Button.

Edit the last line of the code as follows:


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

Reply With Quote
  #71  
Old 11 Mar 2011, 04:45
Mikevet1984's Avatar
Mikevet1984 Mikevet1984 is offline
 
Join Date: Nov 2010
Thank you, abdul!

Reply With Quote
  #72  
Old 11 Mar 2011, 05:03
abdulbasitsaeed's Avatar
abdulbasitsaeed abdulbasitsaeed is offline
 
Join Date: Mar 2009
Sure. You're welcome.
Reply With Quote
  #73  
Old 24 Mar 2011, 10:37
RedHacker RedHacker is offline
 
Join Date: Jan 2009
I cant find in the navbar template this code...

I have vBulletin Version 4.1.2


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

Reply With Quote
  #74  
Old 24 Mar 2011, 12:47
abdulbasitsaeed's Avatar
abdulbasitsaeed abdulbasitsaeed is offline
 
Join Date: Mar 2009
Originally Posted by RedHacker View Post
I cant find in the navbar template this code...

I have vBulletin Version 4.1.2


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
For 4.1.2, follow the instructions given here.

I hope this would solve your problem.
Reply With Quote
  #75  
Old 26 Mar 2011, 22:38
setishock setishock is offline
 
Join Date: Feb 2008
Your 4.1.2 instructions are spot on. Thank you.
http://animeappeal.com/forum.php?styleid=93
__________________
Working on new projects and expanding our horizons. Come by and see what we're up to now.
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:34.

Layout Options | Width: Wide Color: