Add-On Releases - NJAquaman - Main Nav Tab Drop Down

What: A Nav Tab Plugin to Add a Main Drop Down Tab to the Nav Bar.

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 : Nav Tab Drop Down
Execution Order : 5

3) Insert the Code;


For Tabs On the Right Side Use This 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>
';

For Tabs in the Middle Use This Code:

$template_hook['navtab_middle'] .= '
<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>
';

For Tabs On the Left Side Use This Code:

$template_hook['navtab_start'] .= '
<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>
';

4) Save , Now you Have a Nav Tab Drop Down!


Notes:
- "Featured Articles" is the Nav Tab Name
- Leave the First "<li></li>" For Alignment
- Anything Between the other "<li></li>" will be in the Drop Downs
- YOU MAY duplicate this code in the same plug in for another Tab
- You can use both Left and Right codes at the same time!


If You Want Just a Main Tab With a Link Use this Code
CLICK HERE



Screen Shot!

2010-01-05_084133.gif



DONT FORGET TO CLICK INSTALL

__________________________________________________ ______________
Change Log
v1.6 - 01/17/10
- vB 4.0.1 Temp Hook Call Fix
- Patch: Change the Hook From "process_template_complete" to "parse_templates"

v1.5 - 01/15/10
- Added the Middle Code (garretbyrne)

v1.4 - 01/05/10
- Both Right and Left Sides (Zaiaku)

v1.3 - 01/05/10
- Added Just A Nav Tab Option With A Link (Pozo)

v1.2 - 01/05/10
- Corrected Works in all Browsers (linuxututs)
- Patch: Change Both "DIV" tag to a "UL" tag

v1.1 - 01/04/10
- Corrected sub Nav Links Hidden (MARCO1)
- Patch : Delete the

$vbulletin->options['selectednavtab']='tab_fa';

From the Code.
__________________________________________________ ______________



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

[NJAquaman]

Originally Posted by garretbyrne

Hi NJAquaman, look it.. it's perfect for what I needed I just had a question, I'm using another theme and the drop down menu works perfect only now when I go down the list the button at the top the background colour is gone and the text is black is there any way to fix that?

I've attached an image to what I mean.

Cheers

Yes in the Code you will see

<font color="#000000">

you can change it to any hex color you want! !!

Thank you! Hope this Helps!


Hex Color Chart!

[NJAquaman]

Originally Posted by RDX1

Works great. I removed the other tab hacks I used and removed the home/forum/what's new buttons and only use this. Does exactly what I need.

Thank You , Glad you like it !

[garretbyrne]

Hi NJ, I've tried that but it changes the colour of the text down the whole menu is there a code just for the background of the top link like in the image i attached...

Cheers

[mondiuk]

Grait plugin!

[garretbyrne]

If you want tabs before the What's New.. add in the following..

$template_hook['navtab_middle'] .= '
<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>
';

[NJAquaman]

Originally Posted by garretbyrne

If you want tabs before the What's New.. add in the following..

$template_hook['navtab_middle'] .= '
<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>
';

Great Work Garretbyrne! I will update it ! :up:

[garretbyrne]

No probs mate

[Sleeter]

Any idea how I could use this and also be able to add drop down sub nav tabs connected to a single main tab. Example would be a main tab called "Links" with a sub nav drop down called "Search Engines" with "Google" "Yahoo" "Bing" as the links. I hope that makes sense...

[NJAquaman]

Originally Posted by Sleeter

Any idea how I could use this and also be able to add drop down sub nav tabs connected to a single main tab. Example would be a main tab called "Links" with a sub nav drop down called "Search Engines" with "Google" "Yahoo" "Bing" as the links. I hope that makes sense...

Very Good Idea Sleeter .... I will look into this and
let you know if i am making another mod to fit that description !

Thank You!

NJAquaman

[woffie]

I need the link to open in a new window. What do I need to change?