Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.7 > vBulletin 3.7 Add-ons
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Tabbar Suite Details »»
Tabbar Suite
Version: 0.2.5, by Deepdog009 Deepdog009 is offline
Developer Last Online: Nov 2023 Show Printable Version Email this Page

Category: Forum Home Enhancements - Version: 3.7.x Rating:
Released: 05-13-2008 Last Update: 09-16-2008 Installs: 83
Uses Plugins Template Edits Auto-Templates
Additional Files  
No support by the author.

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...>>>
HTML Code:
<br/>
$tabbarsuite
<!-- breadcrumb, login, pm info -->
Overwrite old version with CMPS version if you want frontpage and forums tabbars


Good Luck to ya!!!

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #72  
Old 07-05-2008, 08:58 PM
xoutlawz00x xoutlawz00x is offline
 
Join Date: May 2008
Posts: 56
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

i would love to see unlimited
Reply With Quote
  #73  
Old 07-07-2008, 03:49 PM
Deepdog009's Avatar
Deepdog009 Deepdog009 is offline
 
Join Date: Dec 2004
Location: Almost out of PHP TZone
Posts: 485
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by xoutlawz00x View Post
adjust the padding in the settings
************************************************** *****

xoutlawz00x,,,
There should be a setting in the options that has 50px...

Change to a higher or lower number to shift tabbars left or right...

I have another update coming this month that will makes things a bit easier...

Because of the resolution used my users I think about 10-14 tabbars might be best,,, unless you want to double stack them??????
Reply With Quote
  #74  
Old 07-08-2008, 07:08 PM
lms lms is offline
 
Join Date: Jan 2008
Posts: 34
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by shlomot View Post
A little fix for showing tab images when not in the forum root directory (like here):

Add a backslash to the begining of "images/tabbars/css20_L.gif" and "images/tabbars/css20_R.gif" in the AdminCP, so it becomes:

"/images/tabbars/css20_L.gif"

I also suggest to change it in the product XML for future versions.
Wok fine in my forum with "./images/tabbars/css20_L.gif"
I add 2 screenshots of my forum (not match drop down menu) and the problem to edit navbar, i resolve add 1 line in the header template, as i add as attachmen. The path for images is "./images/tabbars/css20_L.gif" and "./images/tabbars/css20_R.gif" and the path for clientscript is "./clientscript/chrome.js" but d'ont work (only path clientscript; i use h**p://www.detupc.net/foro/clientscript/chrome.js and dont work, Why?)
Sorry for my bad english. I'm spanish.

DEMO: http://www.detupc.net/foro

Funciona en mi foro con el punto delante de la barra invertida, as?: "./images/tabbars/css20_L.gif".
He a?adido 2 capturas de pantalla de mi foro (no funciona el men? drop down) y creo haber resuelto el problema de editar navbar a?adiendo una linea en la plantilla header que a?ado como adjuntos. El directorio para las im?genes es "./images/tabbars/css20_L.gif" y "./images/tabbars/css20_R.gif" y el directorio para clientscript es "./clientscript/chrome.js" pero no me funciona (solo el directorio clientscript; uso h**p://www.detupc.net/foro/clientscript/chrome.js y tampoco funciona, ?Por qu??)

DEMO: http://www.detupc.net/foro

Lo siento por mi mal ingl?s, soy espa?ol.

Salud2
Reply With Quote
  #75  
Old 07-10-2008, 08:10 AM
Robert Waanders Robert Waanders is offline
 
Join Date: Oct 2007
Location: The Netherlands
Posts: 74
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Small question, when you hover over the buttons from left to right and back, the size of the buttons changes. This is very annoying for some users. Is there a way to prevent this??

Very good mod!

Robert
Reply With Quote
  #76  
Old 07-14-2008, 04:37 AM
Robert Waanders Robert Waanders is offline
 
Join Date: Oct 2007
Location: The Netherlands
Posts: 74
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

It's allready solved, removed the fonts at the hover-option.

Robert
Reply With Quote
  #77  
Old 07-15-2008, 03:46 AM
Deepdog009's Avatar
Deepdog009 Deepdog009 is offline
 
Join Date: Dec 2004
Location: Almost out of PHP TZone
Posts: 485
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by lms View Post
Wok fine in my forum with "./images/tabbars/css20_L.gif"
I add 2 screenshots of my forum (not match drop down menu) and the problem to edit navbar, i resolve add 1 line in the header template, as i add as attachmen. The path for images is "./images/tabbars/css20_L.gif" and "./images/tabbars/css20_R.gif" and the path for clientscript is "./clientscript/chrome.js" but d'ont work (only path clientscript; i use h**p://www.detupc.net/foro/clientscript/chrome.js and dont work, Why?)
Sorry for my bad english. I'm spanish.

DEMO: http://www.detupc.net/foro

Funciona en mi foro con el punto delante de la barra invertida, as?: "./images/tabbars/css20_L.gif".
He a?adido 2 capturas de pantalla de mi foro (no funciona el men? drop down) y creo haber resuelto el problema de editar navbar a?adiendo una linea en la plantilla header que a?ado como adjuntos. El directorio para las im?genes es "./images/tabbars/css20_L.gif" y "./images/tabbars/css20_R.gif" y el directorio para clientscript es "./clientscript/chrome.js" pero no me funciona (solo el directorio clientscript; uso h**p://www.detupc.net/foro/clientscript/chrome.js y tampoco funciona, ?Por qu??)

DEMO: http://www.detupc.net/foro

Lo siento por mi mal ingl?s, soy espa?ol.

Salud2


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

Ims,,,
Your first image shows all three $vars in header template... You only need the first two in that template...

The third ...>>> $ddchrome <<< delete it because its only used when adding Tabbar Suite to CMPS globals main...

Tabbar Suite images not showing in CMPS?
Upload images folder to ...>>> http://yoursite.com/images/ tabbars...
Upload clientscript folder to ...>>> http://yoursite.com/clientscript/...

Your DROPDOWNS not working?
Upload the clientscript folder again and verify that the chrome.js file is in the folder...
Goto admin options and turn on Dropdowns...
If you uploaded the folders to correct path the first time it should show dropdowns...
If you can't get it to work,,, Give me access to your Test forum...

Your INVERTED TABBARs has a space on the last and its not FLUSH with the body margin at {0}... I think you should uninstall both and install one at a time and verify that the first is working with dropdowns on...

I can fix all issues,,, but I will need access to your TEST forum to find out what's going on with installation of both Tabbar Sets...


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


Robert Waanders,,,
I'm glad you fixed your issue...

I'm currently working on another update with a few more options and better browser support...
Reply With Quote
  #78  
Old 07-19-2008, 01:57 PM
vnairp11 vnairp11 is offline
 
Join Date: Jul 2007
Posts: 138
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

how can i make it show on ipbproarcade?
Reply With Quote
  #79  
Old 07-21-2008, 10:32 AM
Robert Waanders Robert Waanders is offline
 
Join Date: Oct 2007
Location: The Netherlands
Posts: 74
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Is this mod compatible with pre IE7 browsers? Some people using older browsers complaining about a "misformed" tabbar row..

Robert
Reply With Quote
  #80  
Old 07-21-2008, 09:52 PM
lms lms is offline
 
Join Date: Jan 2008
Posts: 34
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Deepdog009 very thanks for you. Now work very fine. Thanks.

Deepdog009, muchas gracias. Ahora funciona perfecto. Gracias.

Salud2
Reply With Quote
  #81  
Old 07-22-2008, 03:51 AM
Deepdog009's Avatar
Deepdog009 Deepdog009 is offline
 
Join Date: Dec 2004
Location: Almost out of PHP TZone
Posts: 485
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by vnairp11 View Post
how can i make it show on ipbproarcade?
*************************************************

vnairp11,,,
It can be setup to work with any template that has table's, div's or tbody's...

Adding to ipbproarcade by way of template insertion of $var...<<<>>> = Add $tabbarsuite to ipbroarcade template... If it uses a separate folder,,, upload images to that folder...

I will try it l8ter and post...

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

Quote:
Originally Posted by Robert Waanders View Post
Is this mod compatible with pre IE7 browsers? Some people using older browsers complaining about a "misformed" tabbar row..

Robert
*************************************************

Robert Waanders,,,
YES,,, there's a bug in the CUSTOM images 1.4 version when using IE5.5 and 6... IE Sucks!

I suggest reverting back to version 1.3,,, until I find a workaround
...
Reply With Quote
Reply


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

Forum Jump


All times are GMT. The time now is 01:23 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04872 seconds
  • Memory Usage 2,347KB
  • Queries Executed 25 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)bbcode_html
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete