DragonByte Tech | vBulletin Mods & Addons - Powered by vBulletin





DragonByte Tech Proudly Hosted By Hivelocity.net
Custom Fitted Forum Hosting from Hivelocity

Request Support

Have an issue with one of our products? Want to suggest a new feature? Need help with configuration?
Loading...
View RSS Feed

Ozzy47

Improving Your Site: vBNavTabs

Rate this Entry
vBNavTabs is a professional navtab mod, allowing administrators to add, unlimited tabs and dropdown menus with no additional queries.

vBulletin 4.1.x series

vBulletin pre v4.2 you were not able to add navtabs to the navbar, vBNavTabs allowes you to do so.

The manager displays a number of settings for each tab. Along with the Tab ID, and the Tab Name, you can also see the link and the ‘target’ setting in the URL To Tab. The Tab Mode shows what conditions need to be met for the tab to be ‘selected’ (for example a tab for Albums would be selected on the Albums page, but not on others). Position relates to whether a tab is using the, left, right or center hooks, or if the second navbar is enabled, a tab could be set to appear on that. Active marks whether the tab will display or not, and the Display Order controls the order the tabs will be displayed in based on the their position. You can also Edit and Delete each tab with the controls on the end.

There are two types of tabs to add, one is a clickable link, the other creates a dropdown menu. When adding or editing a new tab, you will have the following options available, the ones with an asterisk (*) are only available when adding a regular tab type:

Manage Tabs
  1. Is The Tab Active?: Setting this to ‘no’ disables the tab.
  2. Tab Name: The name you want the tab to display (the link that will be clicked).
  3. Tab Varname: A name you want to use as a variable for the tab. If nothing is entered, the Tab Name is used instead.
  4. *URL To Tab: This is the link (URL) you want the tab to go to when clicked.
  5. Tab Image/Dropdown Tab Image: You can choose an image name here that will be used along with the Tab Name.
  6. Tab Mode: There are three modes that can be selected for regular Tabs to identify a tab that should be ‘selected’. The modes are as follows:
    • THIS_SCRIPT: At the top of every PHP files that is used to display a full page (forumdisplay.php for example), there is the following define('THIS_SCRIPT', 'index'); which is used to name the script page. Use this index to make a tab appear when on the forum main page, or whatever is relevant for your tab. Sometimes there are conflicts, especially where two tabs use the same page, which might mean that both tabs are ‘selected’. If so, use one of the following two options to get around the problem.
    • URL: Enter a full URL (http://www.mysite.com/forum.php) for this to be marked as the ‘selected’ tab. If you use a relative URL (/forum.php) then the script will not recognise it.
    • URL_PARAMETER: This uses the URL, plus the extra parameters than can be specified, to allow for a tab to be marked as ‘selected’. For example, http://www.mysite.com/index.php?do=showdeleted would ‘select’ a tab, thereby allowing you to use a slight different parameter for another tab (index.php?do=inventory for example). Relative URLs will not work.
  7. SET the THIS_SCRIPT value: This should be entered as the THIS_SCRIPT value as mentioned above (for example, index or forumdisplay) to work in tandem with the Tab Mode setting.
  8. Tab Target: You can select from one of the following four options to control how a link is opened in a web browser:
    • _blank: Opens a new window.
    • _self: Opens within the same window.
    • _parent: Is used with a page containing frames (not very common) and opens the inner frame.
    • _top: Is used with a page containing frames (not very common) and opens the entire window, not just the frame.
  9. UserGroups Allowed To See TAB: This is a list of the usergroups, each that is checked will be able to see this Tab. Usergroups selected in the following option will take precedence here.
  10. UserGroups NOT Allowed To See TAB: This is a list of usergroups, each that is checked will not be able to see this Tab. This setting takes precedence over usergroups set in the previous setting.
  11. Placement Of The Tab In The Navbar: You can choose the location of the tab, based on four options, all relating to ‘hook’ locations within the navbar.
    • Right_End: places the tab at the right-hand side of the navbar.
    • Left_Start: places the tab at the left-hand side of the navbar.
    • Center_Middle: places the tab in the center of the navbar.
    • Navbar Two: places the tab on the second navbar if active.
  12. Display Order: This setting controls the order of display of tabs, relevant to their Placement in the navbar. So a tab place on the left with a display order of 20 will appear after one with a placement of left and a display order of 10, whereas it will always be before one placed in the center or right.
  13. Tab Notes: Make any notes you require for reference in this box, for example, how you disabled a navbar tab for a mod, and what you did to replace it with a vBNavTabs one.


It is possible with vBNavTabs to have a dropdown menu on a tab. This dropdown needs to contain links, and the Dropdown Manager allows you to create and control them:

Manage Dropdowns
  1. Parent Tab: Select from the list the tab that you want this item to be allocated to.
  2. Dropdown Item Active?: Setting this to ‘no’ disables the dropdown item.
  3. Dropdown Name: The name you want the dropdown to display (the link that will be clicked).
  4. Dropdown Varname: A name you want to use as a variable for the dropdown. If nothing is entered, the Dropdown Name is used instead.
  5. URL To Dropdown Item: This is the link (URL) you want the dropdown to go to when clicked.
  6. Dropdown Item Image: You can choose an image name here that will be used along with the Dropdown Name.
  7. Dropdown Item Target: You can select from one of the following four options to control how a link is opened in a web browser:
    • _blank: Opens a new window.
    • _self: Opens within the same window.
    • _parent: Is used with a page containing frames (not very common) and opens the inner frame.
    • _top: Is used with a page containing frames (not very common) and opens the entire window, not just the frame.
  8. UserGroups Allowed To See Dropdown Item: This is a list of the usergroups, each that is checked will be able to see this Dropdown. Usergroups selected in the following option will take precedence here.
  9. UserGroups NOT Allowed To See Dropdown Item: This is a list of usergroups, each that is checked will not be able to see this Dropdown. This setting takes precedence over usergroups set in the previous setting.
  10. Display Order: This setting controls the order of display of dropdowns, relevant to their Placement in the menu they are part of.
  11. Dropdown Notes: Make any notes you require for reference in this box, for example, how you disabled a navbar tab for a mod, and what you did to replace it with a vBNavTabs one.


Underneath the navbar’s tabs there can be a number of sub-links that access various features, etc. These are only visible when a tab is ‘selected’. Choosing what these links are and adding to them is available via the Sub-links manager:

Manage Sub-links
  1. Parent Tab: Select from the list the tab that you want this link to be allocated to.
  2. Sub-link Active?: Setting this to ‘no’ disables the sub-link item.
  3. Sub-link Name: The name you want the sub-link to display (the link that will be clicked).
  4. Sub-link Varname: A name you want to use as a variable for the sub-link. If nothing is entered, the Sub-link Name is used instead.
  5. URL To Sub-link Item: This is the link (URL) you want the dropdown to go to when clicked.
  6. Sub-link Item Image: You can choose an image name here that will be used along with the Sub-link Name.
  7. Sub-link Item Target: You can select from one of the following four options to control how a link is opened in a web browser:
    • _blank: Opens a new window.
    • _self: Opens within the same window.
    • _parent: Is used with a page containing frames (not very common) and opens the inner frame.
    • _top: Is used with a page containing frames (not very common) and opens the entire window, not just the frame.
  8. UserGroups Allowed To See Sub-link Item: This is a list of the usergroups, each that is checked will be able to see this Sub-link. Usergroups selected in the following option will take precedence here.
  9. UserGroups NOT Allowed To See Sub-link Item: This is a list of usergroups, each that is checked will not be able to see this Sub-link. This setting takes precedence over usergroups set in the previous setting.
  10. Display Order: This setting controls the order of display of sub-links, relevant to their Placement in the menu they are part of.
  11. Sub-link Notes: Make any notes you require for reference in this box, for example, how you disabled a navbar tab for a mod, and what you did to replace it with a vBNavTabs one.


vBulletin 4.2.x series

With the introduction of vBulletin 4.2.x series, alot of this is controlled by the Navigation Manager. That being said, all the additional settings for your tabs that vBNavTabs adds is found in there, under each item.

To get to that you need to go to your ACP Click on the Settings menu in the left pane, then click on Navigation Manager. Once there you have the ability to edit all your navigation items that appear in the navbar.

Additional Settings Available With vBNavTabs
  1. Item Color: Here you can set a color for each item's text by entering a hex color, ( ie: ) #00FF00 or the text color ( ie: ) black.
  2. UserGroups Allowed To See The Item: This is a list of the usergroups, each that is checked will be able to see each item. Usergroups selected in the following option will take precedence here.
  3. UserGroups NOT Allowed To See The Item: This is a list of usergroups, each that is checked will not be able to see each item. This setting takes precedence over usergroups set in the previous setting.
  4. Show On Styles: Here you can choose which styles to show each item on, if you do not select anything, it will show on all styles.
  5. Item Target: You can select from one of the following four options to control how each item is opened in a web browser:
    • _blank: Opens a new window.
    • _self: Opens within the same window.
    • _parent: Is used with a page containing frames (not very common) and opens the inner frame.
    • _top: Is used with a page containing frames (not very common) and opens the entire window, not just the frame.
  6. Add rel="nofollow": Here you can set "Nofollow" to each item, it provides a way for webmasters to tell search engines,
    "Don't follow links on this page" or "Don't follow this specific link".
  7. Item Title: Here you can set what text you want to show when a user hovers
    over a item.
  8. Item Notes: Make any notes you require for reference in this box, for example, how you disabled a navbar tab for a mod, and what you did to replace it with a different item.


Making A Tab A Drop Tab With vBNavTabs For vB4.2

It is a small process but not to difficult.
  1. Create a tab.
  2. Create a menu for the tab.
  3. Edit the tab and the last setting, "Select The Menu To Act As The Dropdown." select the menu you just created, click on save.
  4. Add links to the menu you created, these are what will show up as the dropdown items in the tab.



If you have the Pro version of vBNavTabs you can download some images to use for your tabs from the following threads:
24x24 Images
Free 24x24 Images
22x22 Images
Free 22x22 Images
16x16 Images
Free 16x16 Images

Should you wish to view the Manual / User Guide you can see that here:
DragonByte Tech Documentation

If you are not already using this mod and wish to do so you can grab it here on DBTech, vBNavTabs - DragonByte Tech | vBulletin Mods & Addons or you can get it from vB.org here, [DBTech] vBNavTabs - Navbar Tabs / Tab Management v1 (vB4) - vBulletin.org Forum


Hopefully these guides helped some of you out, feel free to post a "How do I?" or a "Feature Request" question in the vBNavTabs Support Forums if you have any further questions. If you own the PRO version please post in the vBNavTabs Professional Support forum.

As always, thank you for your continued support.
2 Thanks, 0 Likes, 0 Dislikes
Thanks 2 Likes 0 Dislikes 0
 

Submit "Improving Your Site: vBNavTabs" to Digg Submit "Improving Your Site: vBNavTabs" to del.icio.us Submit "Improving Your Site: vBNavTabs" to StumbleUpon Submit "Improving Your Site: vBNavTabs" to Google

Tags: None Add / Edit Tags
Categories
Site Improvement Blogs

Comments

  1. CharlieDelta's Avatar
    Great blog Ozzy!
    0 Thanks, 1 Likes, 0 Dislikes
    Thanks 0 Likes 1 Dislikes 0
     
  2. Ozzy47's Avatar
    Thanks, hopefully it will help guide some people.
    0 Thanks, 0 Likes, 0 Dislikes
    Thanks 0 Likes 0 Dislikes 0
     

Trackbacks

Total Trackbacks 0
Trackback URL: