vb.org Archive - Add-On Releases - NJAquaman - Main Nav Tabs w/ Connective Sub Nav

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)

- - Add-On Releases - NJAquaman - Main Nav Tabs w/ Connective Sub Nav (https://vborg.vbsupport.ru/showthread.php?t=235005)

NJAquaman - Main Nav Tabs w/ Connective Sub Nav

What: A Nav Tab Plugin to Add a Main Tab to the Nav Bar with its own connective Sub Tab
Menu. When you Click the Main tab it brings Up it own Sub Nav Tab Menu . Click it again to
Hide the Sub Tab Menu For that Main Tab.

WORKS WITH ..!!!
4.0.x

Browser Comparability (All Latest Versions);
Internet Explorer
Firefox
Opera
Safari
Google Chrome

Install:

1) Navigate to ACP> Plugins & Products > Add New Plugin
2) Product : vbulletin
Hook Location : parse_templates
Title : Main Nav Tab with Sub
Execution Order : 5
Plugin is Active : Yes

3) Insert the Code;

For Tabs On the Right Side Use This Code:

Code:

$template_hook['navtab_end'] .= '



<!-- MAIN TAB -->

<li class="na" onclick="this.className=this.className==\'na\'? \'selected\' : \'na\';">

<a href="javascript://" class="navtab" onclick="document.getElementById(\'sub1\').style.display=(document.getElementById(\'sub1\').style.display==\'block\')?\'none\':\'block\';"> Search Engines  </a>

</li>



<!-- SUB TABS -->

<ul class="floatcontainer" id="sub1" style="display:none;background-color:#000000;position:absolute;z-index:1;" >

<li><a href="http://www.google.com">Google</a></li>

<li><a href="http://www.yahoo.com">Yahoo</a></li>

<li><a href="http://www.bing.com">Bing</a></li>



<li class="popupmenu" >

<a  href="javascript://" class="popupctrl">Weather</a>

<font color="#000000">

<div class="popupbody">

<li ></li>

<li><a href="list.php?r=category/46-Birding">Birding</a></li>

<li><a href="list.php?r=category/47-Boating">Boating</a></li>

</div>

</font>

</li>



</ul> 



';

For Tabs in the Middle Use This Code:

Code:

$template_hook['navtab_middle'] .= '



<!-- MAIN TAB -->

<li class="na" onclick="this.className=this.className==\'na\'? \'selected\' : \'na\';">

<a href="javascript://" class="navtab" onclick="document.getElementById(\'sub1\').style.display=(document.getElementById(\'sub1\').style.display==\'block\')?\'none\':\'block\';"> Search Engines </a>

</li>



<!-- SUB TABS -->

<ul class="floatcontainer" id="sub1" style="display:none;background-color:#000000;position:absolute;z-index:1;" >

<li><a href="http://www.google.com">Google</a></li>

<li><a href="http://www.yahoo.com">Yahoo</a></li>

<li><a href="http://www.bing.com">Bing</a></li>



<li class="popupmenu" >

<a  href="javascript://" class="popupctrl">Weather</a>

<font color="#000000">

<div class="popupbody">

<li ></li>

<li><a href="list.php?r=category/46-Birding">Birding</a></li>

<li><a href="list.php?r=category/47-Boating">Boating</a></li>

</div>

</font>

</li>



</ul> 



';

For Tabs On the Left Side Use This Code:

Code:

$template_hook['navtab_start'] .= '



<!-- MAIN TAB -->

<li class="na" onclick="this.className=this.className==\'na\'? \'selected\' : \'na\';">

<a href="javascript://" class="navtab" onclick="document.getElementById(\'sub1\').style.display=(document.getElementById(\'sub1\').style.display==\'block\')?\'none\':\'block\';"> Search Engines  </a>

</li>



<!-- SUB TABS -->

<ul class="floatcontainer" id="sub1" style="display:none;background-color:#000000;position:absolute;z-index:1;" >

<li><a href="http://www.google.com">Google</a></li>

<li><a href="http://www.yahoo.com">Yahoo</a></li>

<li><a href="http://www.bing.com">Bing</a></li>





<li class="popupmenu" >

<a  href="javascript://" class="popupctrl">Weather</a>

<font color="#000000">

<div class="popupbody">

<li ></li>

<li><a href="list.php?r=category/46-Birding">Birding</a></li>

<li><a href="list.php?r=category/47-Boating">Boating</a></li>

</div>

</font>

</li>



</ul> 



';

4) "sub1" is the unique name for that Tab set . To duplicate
you must change the "sub1" to "sub2" . For another Tab change it to "sub3" , ect ect .
You must change this in three Spots in the code. (Highlighted in Red)

5) "Search Engines" is the Main Tab Name .
This will Be Selected When Clicked. (Highlighted in Green)

6) "Google" , "Yahoo", or "Bing" is the Sub tab names to duplicate and
make another Sub Tab Just copy the Line of Code (Highlighted in Orange)

7) There is Also a Sub Tab Menu Drop Down Code That you can Duplicate
(Highlighted in Purple)

7) To change the Color of the background of the Sub Nav
Change the Hex color "#000000" to What ever you like (Highlighted in Blue)

8) Save , Now you Have a Main Nav Tab With connective Sub Tab Menu!

Notes:
- YOU MAY Duplicate it in the same Plugin
- You can use both Left , Middle , and Right codes at the same time!
- Make Sure you change the unique name in step 4 when duplicating a tab
- You may Duplicate Unlimited sub tabs in the same code

Screen Shot!

Not Selected ;
Attachment 111643

Clicked Tab and now selected;
Attachment 111644

DONT FORGET TO CLICK INSTALL

__________________________________________________ ______________
Change Log
v1.1 - 02/04/10
- Connected to a Single Main Tab (Seelter)
__________________________________________________ _____________

Here Are Some Other Versions:
Main Nav Tab
Main Nav Tab Drop Down
[CMS] Sub Nav Tabs
[CMS] Sub Nav Tabs Drop Down

Quote:

Invalid Attachment specified. If you followed a valid link, please notify the administrator

:( Sad panda.

Quote:

Originally Posted by FF|Skyrider (Post 1974783)

:( Sad panda.

Attach Has now been fixed...

Thanks!

hi....this would be great....thanks

how come the search tab is not the only one highlighted when i choose or select and click? the forum tab is also highlighted...or anyone last clicked

or my forum tab is highlighted then i click the search engine...both of them are highlighted also...now that i created one or 2 new tab from this mod 2 of them + forum are all highlighted....so i got 3 tabs highlighted LOL! :p

is this normal?

:confused:

Quote:

Originally Posted by princeedward (Post 1975292)

This would be my question as well.

Quote:

Originally Posted by mhackl (Post 1975708)

This would be my question as well.

Quote:

Originally Posted by princeedward (Post 1975292)

hi....this would be great....thanks

how come the search tab is not the only one highlighted when i choose or select and
click? the forum tab is also highlighted...or anyone last clicked

-The Default Settings in vBulletin Highlight to section that you are on ,
This can be changed by editing the Templates.
Here is the Search Code for finding what you want to change;

Code:

$vboptions['selectednavtab']

Quote:

Originally Posted by princeedward (Post 1975292)

hi....this would be great....thanks

now that i created one or 2 new tab from this mod 2 of them + forum are all
highlighted....so i got 3 tabs highlighted LOL! :p

- Please Read Step 4 As this explains when making a duplicate tab.

Thank You
Glad i could help!

NJAquaman

sorry but i dont get you.....pls. view my search code plugin if it's correct

Code:

$template_hook['navtab_end'] .= '



<!-- MAIN TAB -->

<li class="na" onclick="this.className=this.className==\'na\'? \'selected\' : \'na\';">

<a href="javascript://" class="navtab" onclick="document.getElementById(\'search\').style.display=(document.getElementById(\'search\').style.display==\'block\')?\'none\':\'block\';"> Search Engines  </a>

</li>



<!-- SUB TABS -->

<ul class="floatcontainer" id="search" style="display:none;background-color:#000000;position:absolute;z-index:1;" >

<li><a href="http://www.google.com">Google</a></li>

<li><a href="http://www.yahoo.com">Yahoo</a></li>

<li><a href="http://www.bing.com">Bing</a></li>





</ul> 



';

like i said...i got always the forum highlighted and the search tab

thanks....;)

To unhighlight the forum tab on a page find this

Code:

<vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT != 'search'">

I wanted to make the Who's Online page a tab so this is what I changed it to:

Code:

<vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT != 'search' AND THIS_SCRIPT != 'online'">

I added AND THIS_SCRIPT != 'online'

'online' can be anything before a php thing in the URL

So if you want it to not highlight on all forums you'd put 'forumdisplay'

I'm not sure how to do it with pages like a specific forum, so maybe someone else could say how.

any way to combine this, with:

Code:

$template_hook['navtab_end'] .= '

<li class="popupmenu" >

<a  href="javascript://" class="popupctrl navtab">Featured Articles</a>

<ul class="popupbody ">

<font color="#000000">

<li></li>

<li><a href="list.php?r=category/46-Birding">Birding</a></li>

<li><a href="list.php?r=category/47-Boating">Boating</a></li>

<li><a href="list.php?r=category/48-Camping">Camping</a></li>

</font>

</ul>

</li>

';

with your oder release

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01072 seconds Memory Usage 1,781KB 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 (8)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: