vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=252)
-   -   NavTab Drop-Down Menus with Sub-Menu Navbar Replacements - Combining two Mods - HELP! (https://vborg.vbsupport.ru/showthread.php?t=250426)

NashChristian 09-13-2010 04:47 PM

NavTab Drop-Down Menus with Sub-Menu Navbar Replacements - Combining two Mods - HELP!
 
Hello,

I've been advised to start a help thread on this, so here it is. What I'm trying to do is combine two navbar mods from the following articles:What I'm trying to accomplish is to create NavTabs with drop-down menus, where the tab highlights when hovered over or selected (like the default tab behavior), that also displays the arrow indicating the drop-down menu, and the arrow remains the same color as the text, so it maintains visibility. In addition to this, I'd like to include different navbar subnav menus for the major areas of the website (forums, gallery, event calendar, etc...).

What Lynne's mod doesn't have that I need:
  • Drop-down menus on the TABS themselves.
What Shelby's mod doesn't have that I need:
  • The tab does not highlight when hovered over or selected.
  • There are no tablinks subnav replacements.
I greatly appreciate the work of both Lynne and Shelby in providing these tutorials! I just need some help adapting these for my site.

I've installed three separate tabs on my test site, using the three different methods:
  • GALLERY (Using Lynne's Method)
  • TOOLS (Using Shelby's Method)
  • EVENT CALENDAR (Combining the Two Methods)
The EVENT CALENDAR is the method I will be discussing in the rest of this thread and providing the code for. I'm using the two-step process taught by Shelby, with a PLUGIN and corresponding TEMPLATE. Here is the code that I am currently using:

PLUGIN:
Hook Location: process_templates_complete
Title: NavTab - Calendar
Code:

$tabselected = '';
$tablinks = '';
if (THIS_SCRIPT == 'calendar')
{
    $vbulletin->options['selectednavtab']='Event Calendar';
    $tabselected = ' selected';
    $tablinks = '                <ul class="floatcontainer">
                        <li><a href="calendar.php?do=add&type=range&c=1">Add New Event</a></li>                   
                </ul> ';
 
}
 
global $template_hook;
$newTemplate = vB_Template::create('navbar_tab_calendar');
$template_hook['navtab_end'] .= '<li class="popupmenu' . $tabselected . '">' . $newTemplate->render() . $tablinks . '</li>';


TEMPLATE:
Title: navbar_tab_calendar
Code:

<a href="javascript://" class="popupctrl navtab">Event Calendar <img src="{vb:stylevar imgdir_misc}/arrow.png" style="vertical-align: middle; margin-right: -5px;" /></a>
<ul class="popupbody popuphover" style="color:{vb:stylevar navbar_selected_popup_body_a_Color}">
<li><a href="calendar.php?c=1&do=displaymonth" style="text-indent: 0px;">Monthly View</a></li>
<li><a href="calendar.php?c=1&do=displayweek">Weekly View</a></li>
<li><a href="calendar.php?do=add&type=range&c=1">Add New Event</a></li>
</ul>


Here is a link to my TEST SITE (v4.0.6)
It is .htaccess Password Protected (as required by vB).
Credentials are listed below:
.htaccess Username: test
.htaccess Password: help

This will only remain accessible until I find a solution, but I will post any updated code later in this thread so that others can benefit from this as well. This is the only test site that I'm using, so be sure to check the latest post in this thread to ensure there have not been modifications to this code.

Here are the PROBLEMS that I am currently noticing with this code:
  • The submenu isn't working correctly, it is displaying directly beneath the button instead of left aligned. When I add additional subnav links, they list vertically instead of horizontally.
  • The drop-down ARROW is NOT the same color as the text. So when the tab is highlighted, the arrow becomes almost invisible.
  • You have to CLICK on the button to activate the drop-down menu, insead of hovering triggering it.
Here is a Screen Shot:

http://nashvillechristian.com/images...6_navtab_1.jpg

ANY and ALL help would be greatly appreciated!
Thanks!

:D Jeff

mmfgamer5 09-13-2010 05:14 PM

I use this mod: https://vborg.vbsupport.ru/showthread.php?t=233629.

It works great :)

NashChristian 09-13-2010 05:22 PM

Quote:

Originally Posted by mmfgamer5 (Post 2097670)
I use this mod: https://vborg.vbsupport.ru/showthread.php?t=233629.

It works great :)

Thanks for the feedback, but I have two problems with this mod: First is it doesn't highlight the tabs when hovered over or selected. Second, they have a copyright notice on the bottom of your webpage, which I'm not willing to have on every page of my site for a little tabs mod.

Thanks though.

mmfgamer5 09-13-2010 05:30 PM

It highlights them for me :\

NashChristian 09-13-2010 05:41 PM

Quote:

Originally Posted by mmfgamer5 (Post 2097684)
It highlights them for me :\

Can you please provide a link to your site so I can see?

Lynne 09-13-2010 11:25 PM

Since Shelby's mod uses templates and my navtabs mod does not, you may find it easier to combine them by looking at ragtek's navtabs mod instead - [HOW TO - vB4] Create a New Tab in the navbar (with template)

NJAquaman 09-14-2010 10:02 PM

I have a list of Mods specialized in just Tabs , using Plugins!
Take a Look please and let me know what you think!

https://vborg.vbsupport.ru/member.php?u=242571

Thanks

Parture 09-16-2010 08:05 PM

For my drop down box how do I get the hover color to be the same as the normal tabs?

See here...
http://biblocality.com/forums/forum.php


All times are GMT. The time now is 01:31 PM.

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.01225 seconds
  • Memory Usage 1,741KB
  • 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
  • (2)bbcode_code_printable
  • (2)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (8)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