Forum Home Enhancements - Tabbar Suite

This mod allows admins to install and manage Standard Tabbars... aka {Nav-Tabs}...

ATTENTION: download Tutorial for better help...

What does it do? Installs multi-tabbar above your navbar...Other options in future updates...

************************************************** *****
Primary setup consists of installing plugin.xml and uploading images...
************************************************** *****

Step {1}
********
Upload images folder...>>> { tabbars } to your forum images folder...

http://yoursite.com/forums/images/tabbars/

http://forums/images/tabbars.yoursite.com/

http://forumsroot/images/tabbars/

CMPS setup: upload images folder...>>> { tabbars } to your domain root images folder...
Setup global option in CMPS admin to show on frontpage...

Goto CMPS admin and find default settings / main options...
Scroll down and find...>>> Portal Output Global Variables...
Insert $var...>>> $tabbarsuite or tabbarsuite,,, SAVE
Last setup images path below...

http://yoursite.com/images/tabbars/

Gallery or Photopost setup: upload images folder...>>> { tabbars } to your gallery root images folder...

http://yoursite.com/gallery/images/tabbars/

http://yoursite.com/photopost/images/tabbars/

• There are many color sets to choice from within the tabbars folder... 31 total sets...
• If you have your own set that you prefer to use,,, upload to tabbars folder and overwrite one of the original sets with yours, and select by number option...

Step {2}
********
Setup plugin...

• Goto admincp and open manage products
• Select and install plugin tabbar_suite.xml
• After setup goto forum and view navbar
• If images uploaded correctly tabbar will show
• If images don't show up * Check your image path
• Goto Tabbar Suite settings and begin Css setup

Step {3}
********
Setup CSS in admin options...

• View and make sure first two options on
• View and setup css font family no-hover
• View and setup css font family hover
• View and setup css link text color
• View and setup css visited link text color
• View and setup css float left or right
• View and setup css padding left or right shift
• View and setup css background color or transparent
• View and setup css bottom border color

Step {4}
********
Image paths in admin options...

Edit left and right image paths in admin options...

Default paths below...>>>

Left = images/tabbars/css5_L.gif

Right = images/tabbars/css5_L.gif

If you followed the first four steps and images don't show, you must edit the path above in the Tabbar Suite options... View first step to understand how to link to images folder...

Ok, if you made it here then your images are showing?
If you want to change image sets, edit the path above in options...
How? Edit the numbers only in both paths and your images will change to that number set...

Example: css5_L.gif <<<..... edit the number only {5} to change color sets...


Step {5}
********
Editing tabbars info in admin options...

Making changes to tabbars individually?

• Start by editing the mouseover tips per tabbar
• Next edit the URL link per tabbar
• Last edit the Title of each tabbar

Step {6}
********
Dropdown menu setup in admin options...

• Upload {chrome.js} file to clientscript folder... Goto TS options and view chromepath and make sure the path is correct...>>> clientscript/chrome.js <<<
• Make changes in TS options if needed or edit template by name...>>> tabbar_suite_chromejs

Next...

• Goto TS options again and turn on dropdowns
• View and setup css no-hover block color
• View and setup css hover block color

************************************************** *****

Files uploaded?
***************
Image sets folder
Chrome javascipt folder
No Css files * auto template
***************


Ver...>>> 0.1.2 release
*******************

• added more dropdowns per eight tabbars,,, total five...
• added the ability to turn on 6 tabbars by default...
• added the ability to turn on/off 7th tabbar...
• added the ability to turn on/off 8th tabbar...
• changed the default main tabbar text font-family...

Ver...>>> 0.1.3 release
*******************

• added the ability to use up to TEN tabbars...
• added the ability to turn on/off 4,6,8,10 tabbars...

Ver...>>> 0.1.4 release
*******************

• added the ability to use custom images per TEN tabbars...
• added the ability to use vbulletin default images per TEN tabbars...

Ver...>>> 0.1.5 release
*******************

• Fixed IBP Arcade issue... Download arcade file and FTP to arcade folder...
  tabbars...

Ver...>>> 0.1.6 release
*******************

• added total of SIXTEEN tabbars...
• added the ability to turn on/off upto 16 tabbars...
• added usergroup option...
• added turn on/off custom images per tabbar {IE 5.5/6.0 temp fix }...
• added links and title options for DROPDOWNS (up to 5 added per DD)...
• IBP Arcade fix added in new file,,, upload file to Arcade folder to activate $var...

Ver...>>> 0.1.7 release
*******************

• Fixed url path problems with LINKS...
• Next version IE fixes???

Ver...>>> 0.1.8 release
*******************

• CSS update IE *** Testers?

Ver...>>> 0.1.9 to 2.2 release
*******************

• CSS & HTML *** Updates
• added total of [18] tabbars...
• Fixed errors in intial setup...
• added the ability to add 4/6/8/10/12/14/16/18 tabbars...
• added layer tabbars with table width setup...

Ver...>>> 0.2.2 to 2.5 release
*******************

• Dropdown menus auto setup in admin TS...
• Fixed on/off options...
• Seventh & Eighth tabbars usergroup views option...
• Cleaned up code 99%...
• Super easy setup release...

Attention: if you want to activate dropdowns in CMPS use global $var options and insert...>>> $ddchrome or ddchrome and save...

****************************************

DEMO FORUM {1}

DEMO CMPS {2}

I added fix for CMPS but you must use $var...>>> $tabbarsuite in navbar template here...>>>

<br/>
$tabbarsuite
<!-- breadcrumb, login, pm info -->

Overwrite old version with CMPS version if you want frontpage and forums tabbars

Good Luck to ya!!!

[PHILIPS-08]

thanx alot mate .........

[DarthCoder]

the "frontpage" button has a different color and no mouse over effect, anyone know how to make it act like the other tabs?