vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.7 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=228)
-   -   Forum Home Enhancements - Tabbar Suite (https://vborg.vbsupport.ru/showthread.php?t=179163)

Deepdog009 05-13-2008 10:00 PM

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...>>>
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!!!

ecihanuysal 05-14-2008 07:34 AM

very useful mod.

tnx a lot Deepdog009

ecihanuysal 05-14-2008 07:51 AM

can you a detailed explanation for installing on CMPS. i couldnt success with your shortly summary. which menu do i have to use in CMPS admin panel?

sorry 4 this second message :(

edit: i set them up but all links redirects the same page (cmps main page) ?
link:http://faz.la/portal.php

Deepdog009 05-14-2008 08:23 AM

Quote:

Originally Posted by ecihanuysal (Post 1519141)
can you a detailed explanation for installing on CMPS. i couldnt success with your shortly summary. which menu do i have to use in CMPS admin panel?

sorry 4 this second message :(

edit: i set them up but all links redirects the same page (cmps main page) ?
link:http://faz.la/portal.php

Im sorry ecihanuysal,,,

I forgot to set the global var to interact with frontpage...

I will update and post by the morning... Getting sleepy...

ecihanuysal 05-14-2008 08:38 AM

same links problem is still existing :(

edit: solved showing links problem at cmps page

Kangaroo666 05-14-2008 11:22 AM

Very handy mod. Thank you very much Deepdog009. Installed and working great. :)

Deepdog009 05-14-2008 06:14 PM

Quote:

Originally Posted by ecihanuysal (Post 1519165)
same links problem is still existing :(

edit: solved showing links problem at cmps page


ecihanuysal,,,

I released this early because folks mailing me about it...
It still has some bugs that Im working on,,, and because of the ratings Im not going to focus much time on fixes...

whats going on with your links?

topspeeforum 05-14-2008 08:25 PM

any idea why mine isn't working properly. It will link to the CMPS page but shrinks down once i get to it and won't let me click on it.

Deepdog009 05-15-2008 02:02 AM

Quote:

Originally Posted by topspeeforum (Post 1519777)
any idea why mine isn't working properly. It will link to the CMPS page but shrinks down once i get to it and won't let me click on it.


topspeeforum,,,
Sorry,,, but working long hours on my job and trying to learn PHP coding ain't easy...

I released this before doing testing on CMPS,,, but I see the issue and will upload a fix soon...:eek:;)

slmoney 05-15-2008 03:19 AM

wow..easy to use!

KOTU1 05-20-2008 06:14 PM

wow, got to say I love this. Pretty new to this myself, but its very easy to work with.

volarium 05-23-2008 02:49 AM

I'd really like to try this. Can you advise exactly where it's supposed to display (which template)? I followed the directions, and it's just not showing up. I can see that it's entering the CSS into the page, but it doesn't seem to make use of them. My URL is here:

http://vfrworld.com/forums

Deepdog009 05-23-2008 04:58 AM

Quote:

Originally Posted by volarium (Post 1528553)
I'd really like to try this. Can you advise exactly where it's supposed to display (which template)? I followed the directions, and it's just not showing up. I can see that it's entering the CSS into the page, but it doesn't seem to make use of them. My URL is here:

http://vfrworld.com/forums

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

volarium,,,
If you uploaded the IMAGE folder to the correct path and also checked the vbsettings are correct,,, then all will go well...

I set this mod up on several forums without any issues on the first go...

If the images are loaded to the correct path and mod is switched on with activations,,, you will have no problems...

Give me temp access to your forums and I will assist U...

volarium 05-24-2008 03:36 AM

Okay, I have it up and running, you can see it here:

http://vfrworld.com

Anyone interested in making me some nice CHROME tabs? :cool:

gothicuser 05-24-2008 05:18 AM

My only query; if the forums and vBACMPS are both installed in root, which one do I use??

Bacon Butty 05-24-2008 03:00 PM

Could somebody please tell me how I could remove the excessive gap seperating the tabs from my header?

http://img373.imageshack.us/img373/7946/examplelb3.jpg

Thanks

macc 05-24-2008 03:48 PM

have installed this hack ...used cmps version because i have forum and cmps in same forum root ... (mean index.php and index_cmps.php)- after get error in IE page of my forum and cmps page (down on left side - i thing that is from crome.js) can be that fixed ?


reg

macc

Deepdog009 05-24-2008 09:22 PM

Quote:

Originally Posted by gothicuser (Post 1529728)
My only query; if the forums and vBACMPS are both installed in root, which one do I use??


gothicuser,,,
Install only the CMPS version which works with both forums and frontpage...
If you've separated into two entities,,, then still use the CMPS version which has been updated to show tabbars in both forum and frontpage without errors...

I will update the dropdowns and a few other options,,, hopefully by the end of the month...

StarFire 05-25-2008 03:53 PM

Nice hack. Had to change the colors a little bit to match my forums color layout.

Deepdog009 05-26-2008 01:25 AM

Quote:

Originally Posted by Bacon Butty (Post 1530084)
Could somebody please tell me how I could remove the excessive gap seperating the tabs from my header?

http://img373.imageshack.us/img373/7946/examplelb3.jpg

Thanks

Bacon Butty,,,

Its the ...>>> <br> or <br /> <<<................ delete one or more of them in navbar or tabbar main templates and its a done deal...

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

Good deal Starfire,,,
Use Abodephotoshop or Fireworks and create your own images...


Updating this one soon...

volarium 05-26-2008 07:34 PM

Do you have the Tabbars files in Photoshop format so that we can make color changes and such?

Deepdog009 05-27-2008 01:53 AM

Quote:

Originally Posted by volarium (Post 1532157)
Do you have the Tabbars files in Photoshop format so that we can make color changes and such?

volarium,,,
Open images folder and look for lighter images set,,, use left and right as your clone image...
Use image editor to finalize your image set...

volarium 05-27-2008 04:38 PM

Hopefully all my questions aren't annoying you, Tabbars is an excellent product and I'm just trying to help you make it even better. :-)

My next question is this: It appears that once you add dropdown choices under a particular tab, you can no longer click on the main Tab and go somewhere. Once you add choices, you HAVE to select one of the dropdown choices. Clicking on the main tab doesn't take you anywhere. Is there anyway to change it so that you can either choose one of the dropdown choices OR click on the main tab? Or, perhaps I have it setup incorrectly? Hopefully my question makes sense.

Andreas 05-27-2008 05:06 PM

Why do you put CSS and other Style-related stuff in vBulletin settings?
That's the totally wrong place, you really should use the vBulletin CSS editor for CSS, and stylevars for image directories, etc.

Deepdog009 05-28-2008 03:12 PM

Quote:

Originally Posted by Andreas (Post 1533139)
Why do you put CSS and other Style-related stuff in vBulletin settings?
That's the totally wrong place, you really should use the vBulletin CSS editor for CSS, and stylevars for image directories, etc.


Andreas,,, thanks 4 your input on effectively creating mods to interactive with vbulletin...
most folks don't help new modders with making things work better in vbulletin...

One question I do have 4 ya...
If I move CSS and use Stylevars will it make setting this up easier???

Im not a PHP Guru like yourself so If you can give a quick example on how you would do it,,, I would appreciates it...

Andreas 05-28-2008 03:35 PM

Well it makes it easier for the user as all style releated settings are in a central place if yo do so: In Style Manager :-)

Take a look at css.php, adminfunctions_template.php.
There are hooks you can use to handle custom CSS classes, Image Paths.

I am not sure if there already is a tutorial online here at vBulletin.org on how to use these hooks, if not i'll write up smth.

PS: I am definitly not a 'PHP Guru' :-)

Deepdog009 05-30-2008 04:47 PM

Quote:

Originally Posted by Andreas (Post 1534150)
Well it makes it easier for the user as all style releated settings are in a central place if yo do so: In Style Manager :-)

Take a look at css.php, adminfunctions_template.php.
There are hooks you can use to handle custom CSS classes, Image Paths.

I am not sure if there already is a tutorial online here at vBulletin.org on how to use these hooks, if not i'll write up smth.

PS: I am definitly not a 'PHP Guru' :-)

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

Andreas,,,
Thanks 4 that!!!

From time 2 time it helps if some of the Bigdogs help us Littledogs...;) Jokee:D

KHALIK 06-01-2008 05:13 PM

Can I change the number of tabbers ?

Deepdog009 06-01-2008 11:37 PM

Quote:

Originally Posted by KHALIK (Post 1538000)
Can I change the number of tabbers ?

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

Sure U can KHALIK,,,
****************************
But you will have to edit most of the xml file to do so...

I've had a few folks asking about more tabbars,,, How many more tabbars do you require to be added??? I will give it a go...

peterle1 06-02-2008 07:51 AM

Quote:

Originally Posted by Deepdog009 (Post 1538244)
*************************************************

Sure U can KHALIK,,,
****************************
But you will have to edit most of the xml file to do so...

I've had a few folks asking about more tabbars,,, How many more tabbars do you require to be added??? I will give it a go...

I don't think there should be a maximum, but 20 should be fine for anyone and give some air for future desktop resolutions.

KHALIK 06-02-2008 11:54 AM

I want to reduce the tabbers to 4 rather than have 8.

Can there be a option in the admin control pannel to select how many tabbers needed.

vnairp11 06-02-2008 12:45 PM

<a href="http://elitehackerz.net/forum.php" target="_blank">http://elitehackerz.net/forum.php</a>

how can i get rid of the white line below the bar? also when i right align the images get of on top and not side by side.

Skyrider 06-02-2008 01:28 PM

Is there any way you can make some menu's private for specific usergroups only?

Deepdog009 06-03-2008 04:21 AM

Quote:

Originally Posted by KHALIK (Post 1538660)
I want to reduce the tabbers to 4 rather than have 8.


Can there be a option in the admin control pannel to select how many tabbers needed.

KHALIK,,,
I will update 4 U by wensday,,, and I will add two more tabbars,,, bump to 10 total...

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

peterle1,,,
Do U think you can fit that many on your navbar?;)
I will update to 10 by wensday,,, but if others say around 20 is also good,,, then I will go 4 it... I will also update Minitabbars by next week...

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

vnairp11,,,
Within your vbulletin tabbar suite settings,,, goto BORDER CSS and edit to >>> 0 <<<...
That will delete it or edit the BORDER COLOR 66666 to the color of your forum background and save... Refresh page...

P.S... [ delete <br>] or move $tabbarsuite var under this...>>> <br />
That will make your tabbar flush with the navbar...

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

FF|Skyrider,,,
I have usergroup settings and testing it,,, I will release usergroup options in the next two updates...

vnairp11 06-03-2008 12:09 PM

Quote:

vnairp11,,,
Within your vbulletin tabbar suite settings,,, goto BORDER CSS and edit to >>> 0 <<<...
That will delete it or edit the BORDER COLOR 66666 to the color of your forum background and save... Refresh page...
Thanks a lot that got rid of it but how can i align the toolbar to the right when i try to put right in the settings the buttons become stacked and doesn't align to right.

shlomot 06-03-2008 01:48 PM

Quote:

Originally Posted by Bacon Butty (Post 1530084)
Could somebody please tell me how I could remove the excessive gap seperating the tabs from my header?

http://img373.imageshack.us/img373/7946/examplelb3.jpg

Thanks

First try eliminating the bottom-border by overwriting the value of this parameter to "0"

shlomot 06-03-2008 01:53 PM

Can someone give me please a step-by-step guided tour for dummies on how to set up dropdown options in the tabbar_suite_dropdown template?

shlomot 06-03-2008 01:58 PM

Hello,

I tried duplicating the instructions for images global variable for Dynamics (which doesn't reside in the same forum folder.

Tried both variable names: $tabbarsuite and tabbarsuite.

Can someone guide me through the proper setup?

My forums are here and the Dynamics URL is here.

Thanks.

shlomot 06-03-2008 02:03 PM

Hello again :)

When logging out of my account, the logged out URL is: http://www.topsynergy.net/login.php?do=logout

In this URL, the content of the tabs isn't showing. Help please.

Deepdog009 06-03-2008 10:27 PM

Quote:

Originally Posted by vnairp11 (Post 1539640)
Thanks a lot that got rid of it but how can i align the toolbar to the right when i try to put right in the settings the buttons become stacked and doesn't align to right.

vnairp11,,,
Use padding CSS option within tabbar suite... By default its 50px,,, change to a higher amount and your tabbars will move right...>>>

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


shlomot,,,
Been busy...

Editing the dropdown template?
*************************
  • Open admincp and goto styles,,, Find edit templates...
  • After opening your template area,,, Find Tabbar Suite group...
  • Inside of the Template group,,, Find this template and open...>>>
  • tabbar_suite_dropdown

You should see the same info as below...>>>

HTML Code:

<!--Tabbars Suite Dropdown Start-->
               
                <if condition="$vboptions[tabbar_suite_dropdown_onoff]">
                <div id="dropmenu1" class="dropmenudiv" style="width: 100px;">
<a href="http://www.vbulletin.com/">vBcom</a>
<a href="http://www.vbulletin.com">vBcom</a>
<a href="http://www.vbulletin.com">vBcom</a>
</div>
                                               
<div id="dropmenu2" class="dropmenudiv" style="width: 100px;">
<a href="http://www.vbulletin.org/">vBorg</a>
<a href="http://www.vbulletin.org">vBorg</a>
<a href="http://www.vbulletin.org">vBorg</a>
</div>
                                         
<div id="dropmenu3" class="dropmenudiv" style="width: 100px;">
<a href="http://www.vbadvanced.com/">vBa</a>
<a href="http://www.vbadvanced.com">vBa</a>
<a href="http://www.vbadvanced.com">vBa</a>
<a href="http://www.vbadvanced.com">vBa</a>
<a href="http://www.vbadvanced.com">vBa</a>
</div>

<div id="dropmenu4" class="dropmenudiv" style="width: 100px;">
<a href="http://www.vbulletin.com/">vBcom</a>
<a href="http://www.vbulletin.com">vBcom</a>
<a href="http://www.vbulletin.com">vBcom</a>
</div>

<div id="dropmenu5" class="dropmenudiv" style="width: 100px;">
<a href="http://www.vbulletin.org/">vBorg</a>
<a href="http://www.vbulletin.org">vBorg</a>
<a href="http://www.vbulletin.org">vBorg</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script></if>
<!--/Tabbars Suite Dropdown End-->

Editing the links?
*************

HTML Code:

<a href="http://www.vbulletin.org">vBorg</a>
Edit your links one at a time with your new URL information and TITLE...

URL = http://www.vbulletin.org = http://www.yoursite.com or whatever U wish...

TITLE = vBorg = Your title info...

I hope this helps U...


All times are GMT. The time now is 07:59 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.01686 seconds
  • Memory Usage 1,902KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_html_printable
  • (15)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete