Mini Mods - Icon Navbar with dropdown menus [Archive]

View Full Version : Mini Mods - Icon Navbar with dropdown menus

Da-Vinci

04-20-2011, 10:00 PM

This is a spin on a friend of mines code, I have permission to reuse this code found here, https://vborg.vbsupport.ru/showthread.php?t=231368

Screenshot

https://vborg.vbsupport.ru/external/2011/04/16.jpg

In your Navbar template find.

{vb:raw ad_location.global_below_navbar}

Directly below paste


<div align="center">
<table class="body" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="Catergory Link Goes Here"><center><img src="Image Link Goes Here" alt="Alt Description Goes Here"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Catergory Name Goes Here</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="Link 1">Forum Name 1</a></li>
<li><a href="Link 2">Forum Name 2</a></li>
<li><a href="Link 3">Forum Name 3</a></li></td>
</tr>
</table>
</div>


A good source for icons is http://www.iconfinder.com/

If you like this mod please click INSTALL (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=262376)

This mod is not XHTML compliant but I am learning CSS and will hopefully get it fully XHTML compliant very soon. However it does works well.

NightLord

04-21-2011, 09:59 AM

Nice one , thank you !

sulasno

04-21-2011, 12:48 PM

tagged and thanks

Sforums

04-22-2011, 10:12 AM

Looks great, will install later today.

Randomm

04-22-2011, 08:45 PM

You sir are the man. I'll be tweaking this for my own needs.
Installed, rated, and nominated!!!

EDIT:
How do you insert/add another dropdown inside another dropdown?
For example on your image, under the Karaoke category you have 4 dropdown menus; how do you add another dropdown in that area?

Da-Vinci

04-23-2011, 09:10 AM

Pass I have been looking for that info myself.

Lynne pointed me in the direction of DHTML menus but I still haven't found anything that works well.

The above code is all part of the vBull CSS to get an additional sub menu another class would need to be added to the Additional CSS template, but I still haven't worked out how to do that as I'm still learning and theirs also the Javascript element to think of there might be some additional java code to be added to get it working.

The code I've used has been taken from the Navbar template and there is no existing code that I can find that has sub menus in the drop down menus, if that makes sense.

The look I was trying to achieve with the menus was something like this.

https://vborg.vbsupport.ru/external/2011/04/17.jpg

And I have asked the question, in these 2 articles.

[HOW TO - vB4] How add sub-menu drop down to the navbar (tab Forum) (https://vborg.vbsupport.ru/showthread.php?t=232579)

[HOW TO - vB4] How to Add Drop Down Navigation Items to the Navbar (https://vborg.vbsupport.ru/showthread.php?t=228338)

But nobody has replied.

If anybody knows how to achieve this I have no problem with anybody helping out.

COL NIL SATIS

04-23-2011, 09:46 AM

tagged

RobbieZ

04-23-2011, 12:59 PM

Pass I have been looking for that info myself.

Lynne pointed me in the direction of DHTML menus but I still haven't found anything that works well.

The above code is all part of the vBull CSS to get an additional sub menu another class would need to be added to the Additional CSS template, but I still haven't worked out how to do that as I'm still learning and theirs also the Javascript element to think of there might be some additional java code to be added to get it working.

The code I've used has been taken from the Navbar template and there is no existing code that I can find that has sub menus in the drop down menus, if that makes sense.

The look I was trying to achieve with the menus was something like this.

https://vborg.vbsupport.ru/attachment.php?attachmentid=106849&d=1259347344

And I have asked the question, in these 2 articles.

[HOW TO - vB4] How add sub-menu drop down to the navbar (tab Forum) (https://vborg.vbsupport.ru/showthread.php?t=232579)

[HOW TO - vB4] How to Add Drop Down Navigation Items to the Navbar (https://vborg.vbsupport.ru/showthread.php?t=228338)

But nobody has replied.

If anybody knows how to achieve this I have no problem with anybody helping out.

Replied

Randomm

04-30-2011, 03:16 PM

so, anyone know how to add a submenu?

Da-Vinci

04-30-2011, 08:12 PM

An update will posted in the next day or two thanks to RobbieZ

FReeSTER

05-03-2011, 03:42 AM

I have a problem with his mod onlywhen I go to read a post or thread. the menu just move to the right and makes forum go bad. (sorry for my english)

Please look at picture below

How can i fix that?

Da-Vinci

05-05-2011, 12:58 AM

Hmm not sure about that, could you paste the code you've used, as I noticed you've given the table a background colour, maybe you've changed something with the code, the method above works perfectly on my site with all styles and on all pages.

https://vborg.vbsupport.ru/attachment.php?attachmentid=128815&stc=1&d=1304560637

Me and RobbieZ have been working on a fully CSS driven version of this and will hopefully be able to release a much better version very soon.

8thos

05-07-2011, 08:51 PM

Who has a site so that I can see a demo of this in action?

8thos

05-08-2011, 01:43 AM

Nevermind I got it working now. http://the8thlegion.com/forum.php

FReeSTER

05-09-2011, 02:43 PM

I have a problem with this modification template edit. This [problem only happen away from forumHome. If I go to showthread ect... the icons or menu will moved to the right making the forum scroll to the right.

Any ideas what can it be wrong?

Da-Vinci

05-09-2011, 05:03 PM

Nevermind I got it working now. http://the8thlegion.com/forum.php

Looks good on your site bud ;)

I have a problem with this modification template edit. This [problem only happen away from forumHome. If I go to showthread ect... the icons or menu will moved to the right making the forum scroll to the right.

Any ideas what can it be wrong?

Like I say, I'd need to see your code to determine the problem.

FReeSTER

05-09-2011, 05:59 PM

Thank you for the responce. Below is the code from my Navbar

<div id="navbar" class="navbar">
<div class="navbarLeft"><div class="navbarRight">
<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
{vb:raw template_hook.navtab_start}
<vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT != 'search'">
<li class="selected"><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a>
<ul class="floatcontainer">
{vb:raw template_hook.navbar_start}
<vb:if condition="$show['searchbuttons']">
<vb:if condition="$show['member']">
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost">{vb:rawphrase new_posts_nav}</a></li>
<vb:else />
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
</vb:if>
</vb:if>
{vb:raw template_hook.navbar_after_getnew}
<vb:if condition="$show['pmmainlink']">
<li><a href="private.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase private_messages}</a></li>
</vb:if>
{vb:raw template_hook.navbar_after_pm}
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}" accesskey="5">{vb:rawphrase faq}</a></li>
{vb:raw template_hook.navbar_after_faq}
<li><a href="calendar.php{vb:raw session.sessionurl_q}">{vb:rawphrase calendar}</a></li>
{vb:raw template_hook.navbar_after_calendar}

<vb:if condition="$show['communitylink']">
<li class="popupmenu">
<a href="javascript://" class="popupctrl" accesskey="6">{vb:rawphrase community}</a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<vb:if condition="$show['quick_links_groups']">
<li><a href="group.php{vb:raw session.sessionurl_q}">{vb:rawphrase social_groups}</a></li>
</vb:if>
<vb:if condition="$show['quick_links_albums']">
<li><a href="album.php{vb:raw session.sessionurl_q}">{vb:rawphrase pictures_and_albums}</a></li>
</vb:if>
<vb:if condition="$bbuserinfo['userid']">
<li><a href="profile.php?{vb:raw session.sessionurl}do=buddylist"><vb:if condition="$show['friends_and_contacts']">{vb:rawphrase contacts_and_friends}<vb:else />{vb:rawphrase contacts}</vb:if></a></li>
</vb:if>
<vb:if condition="$show['memberslist']">
<li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
</vb:if>
{vb:raw template_hook.navbar_community_menu_end}
</ul>
</li>
</vb:if>
{vb:raw template_hook.navbar_after_community}
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase forum_actions}</a>
<ul class="popupbody popuphover">
<li>
<a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&markreadhash={vb:ra w bbuserinfo.securitytoken}">{vb:rawphrase mark_forums_read}</a>
</li>
<vb:if condition="$show['member']">
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editoptions">{vb:rawphrase edit_options}</a>
</li>
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a>
</li>
</vb:if>
</ul>
</li>
<li class="popupmenu">
<a href="javascript://" class="popupctrl" accesskey="3">{vb:rawphrase quick_links}</a>
<ul class="popupbody popuphover">
<vb:if condition="$show['member']">

<li><a href="search.php?do=getdaily&contenttype=vBForum_Post">{vb:rawphrase todays_posts}</a></li>
<li><a href="http://myfreeneeds.com/forums/spy.php">Spy Forum Live</a></li>

<li><a href="subscription.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase subscribed_threads}</a></li>
<li><a href="javascript://" onclick="window.open(getBaseUrl() + 'misc.php?{vb:raw session.sessionurl}do=buddylist&focus=1','buddylis t','statusbar=no,menubar=no,toolbar=no,scrollbars= yes,resizable=yes,width=250,height=300'); return false;">{vb:rawphrase open_contacts}</a></li>
</vb:if>
<vb:if condition="$vboptions['forumleaders']">
<li><a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">
<vb:if condition="$vb_suite_installed">
{vb:rawphrase view_site_leaders}
<vb:else />
{vb:rawphrase view_forum_leaders}
</vb:if>
</a></li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos1}
{vb:raw template_hook.navbar_quick_links_menu_pos2}
{vb:raw template_hook.navbar_quick_links_menu_pos3}
<vb:if condition="$show['wollink']">
<li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online}</a></li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos4}
</ul>
</li>
{vb:raw template_hook.navbar_end}
</ul>

</li>
<vb:else />
<li><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a></li>
</vb:if>
{vb:raw template_hook.navtab_middle}
<vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT == 'search'">
<vb:if condition="$show['member']">
<li class="selected"><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost" accesskey="2">{vb:rawphrase getnew_tab}</a>
<ul class="floatcontainer">
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost">{vb:rawphrase new_posts_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_S ocialGroupMessage">{vb:rawphrase new_group_messages_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_E vent">{vb:rawphrase new_events_nav}</a></li>
{vb:raw template_hook.navbar_getnew_menu}
<li><a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&markreadhash={vb:ra w bbuserinfo.securitytoken}">{vb:rawphrase mark_forums_read}</a></li>
</ul>
</li>
<vb:else />
<li class="selected"><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post" accesskey="2">{vb:rawphrase getnew_tab}</a>
<ul class="floatcontainer">
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _SocialGroupMessage">{vb:rawphrase daily_group_message}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Event">{vb:rawphrase daily_events}</a></li>
{vb:raw template_hook.navbar_getdaily_menu}
<li><a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&markreadhash={vb:ra w bbuserinfo.securitytoken}">{vb:rawphrase mark_forums_read}</a></li>
</ul>
</li>
</vb:if>
<vb:elseif condition="$show['member']" />
<li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost" accesskey="2">{vb:rawphrase getnew_tab}</a></li>
<vb:else />
<li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post" accesskey="2">{vb:rawphrase getnew_tab}</a></li>
</vb:if>
{vb:raw template_hook.navtab_end}
</ul>

<vb:if condition="$vboptions['enablesearches']">
<div id="searchBox" class="searchBox">
<form action="search.php?do=process" method="post">
<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="process" />
<span class="searchBox_container"><input type="text" value="" class="textbox" name="query" tabindex="99"/></span>
<span class="searchBox_button"><input type="image" src="images/styles/TwistedDark/style/searchButton.gif" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span>
</form>
<ul class="searchBox_advanced_search">
<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li>
</ul>
</div>
</vb:if>
</div></div>
</div>


<div id="contentMain">


<div class="body_wrapper">
<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight">
<ul class="floatcontainer">
<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>

{vb:raw navbits.breadcrumb}

{vb:raw navbits.lastelement}

</ul>
<hr />
</div>
</div>
</div>

{vb:raw ad_location.ad_navbar_below}

{vb:raw ad_location.global_below_navbar}


<div align="center">
<table class="body" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#welcome-area"><center><img src="http://i51.tinypic.com/jkj6o9.png" alt="Forum Home"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Welcome Area</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f795/">General Topics</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f3/">Welcome Station</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f472/">Giveaways & Contests
</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#fta-spot"><center><img src="http://aux.iconpedia.net/uploads/498399838370696196.png" alt="FTA Forums"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>FTA Spot</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/pages.php?pageid=5">FTA Encyclopedia</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f136/">FTA Receivers</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f229/">FTA Hardware</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#direct-downloads"><center><img src="http://aux.iconpedia.net/uploads/1392015350.png" alt="Downloads"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Downloads</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f757/">Movies</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f778/">Music</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f106/">Software</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#electronics-more"><center><img src="http://aux.iconpedia.net/uploads/1177712742.png" alt="Electronics"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Electronics</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f95/">PC World</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f307/">Cellulars</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f786/">Gaming</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#sports-free-gambling"><center><img src="http://aux.iconpedia.net/uploads/19683931261867364917.png" alt="Sports"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Sports</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f852/">Sport Books</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f485/">Discussion</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f856/">Betting Line</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/"><center><img src="http://i51.tinypic.com/5pnew4.png" alt="Navigation"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Switch Forums</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/">English Board</a></li>
<li><a href="http://espanol.myfreeneeds.com/forums/">Foro Latino</a></li></td>

</tr>
</table>
</div>


<br>

<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
<form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
<input type="hidden" name="do" value="dismissnotice" />
<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
<input type="hidden" name="url" value="{vb:raw return_link}" />
<ol>
{vb:raw notices}
</ol>
</form>
</vb:if>

Da-Vinci

05-09-2011, 11:15 PM

I can't seem to recreate the problem, in fact when I go to your forum on the vBookie page I get this.

https://vborg.vbsupport.ru/attachment.php?attachmentid=128953&stc=1&d=1304985868

I suspect the problem may be the Navbar Icons are on the same line as the description.

https://vborg.vbsupport.ru/attachment.php?attachmentid=128955&stc=1&d=1304986212

So try this, copy all of the code below and replace your entire Navbar template with it.

<div id="navbar" class="navbar">
<div class="navbarLeft"><div class="navbarRight">
<ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
{vb:raw template_hook.navtab_start}
<vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT != 'search'">
<li class="selected"><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a>
<ul class="floatcontainer">
{vb:raw template_hook.navbar_start}
<vb:if condition="$show['searchbuttons']">
<vb:if condition="$show['member']">
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost">{vb:rawphrase new_posts_nav}</a></li>
<vb:else />
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
</vb:if>
</vb:if>
{vb:raw template_hook.navbar_after_getnew}
<vb:if condition="$show['pmmainlink']">
<li><a href="private.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase private_messages}</a></li>
</vb:if>
{vb:raw template_hook.navbar_after_pm}
<li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}" accesskey="5">{vb:rawphrase faq}</a></li>
{vb:raw template_hook.navbar_after_faq}
<li><a href="calendar.php{vb:raw session.sessionurl_q}">{vb:rawphrase calendar}</a></li>
{vb:raw template_hook.navbar_after_calendar}

<vb:if condition="$show['communitylink']">
<li class="popupmenu">
<a href="javascript://" class="popupctrl" accesskey="6">{vb:rawphrase community}</a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<vb:if condition="$show['quick_links_groups']">
<li><a href="group.php{vb:raw session.sessionurl_q}">{vb:rawphrase social_groups}</a></li>
</vb:if>
<vb:if condition="$show['quick_links_albums']">
<li><a href="album.php{vb:raw session.sessionurl_q}">{vb:rawphrase pictures_and_albums}</a></li>
</vb:if>
<vb:if condition="$bbuserinfo['userid']">
<li><a href="profile.php?{vb:raw session.sessionurl}do=buddylist"><vb:if condition="$show['friends_and_contacts']">{vb:rawphrase contacts_and_friends}<vb:else />{vb:rawphrase contacts}</vb:if></a></li>
</vb:if>
<vb:if condition="$show['memberslist']">
<li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
</vb:if>
{vb:raw template_hook.navbar_community_menu_end}
</ul>
</li>
</vb:if>
{vb:raw template_hook.navbar_after_community}
<li class="popupmenu">
<a href="javascript://" class="popupctrl">{vb:rawphrase forum_actions}</a>
<ul class="popupbody popuphover">
<li>
<a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&markreadhash={vb:ra w bbuserinfo.securitytoken}">{vb:rawphrase mark_forums_read}</a>
</li>
<vb:if condition="$show['member']">
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editoptions">{vb:rawphrase edit_options}</a>
</li>
<li>
<a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a>
</li>
</vb:if>
</ul>
</li>
<li class="popupmenu">
<a href="javascript://" class="popupctrl" accesskey="3">{vb:rawphrase quick_links}</a>
<ul class="popupbody popuphover">
<vb:if condition="$show['member']">

<li><a href="search.php?do=getdaily&contenttype=vBForum_Post">{vb:rawphrase todays_posts}</a></li>
<li><a href="http://myfreeneeds.com/forums/spy.php">Spy Forum Live</a></li>

<li><a href="subscription.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase subscribed_threads}</a></li>
<li><a href="javascript://" onclick="window.open(getBaseUrl() + 'misc.php?{vb:raw session.sessionurl}do=buddylist&focus=1','buddylis t','statusbar=no,menubar=no,toolbar=no,scrollbars= yes,resizable=yes,width=250,height=300'); return false;">{vb:rawphrase open_contacts}</a></li>
</vb:if>
<vb:if condition="$vboptions['forumleaders']">
<li><a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">
<vb:if condition="$vb_suite_installed">
{vb:rawphrase view_site_leaders}
<vb:else />
{vb:rawphrase view_forum_leaders}
</vb:if>
</a></li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos1}
{vb:raw template_hook.navbar_quick_links_menu_pos2}
{vb:raw template_hook.navbar_quick_links_menu_pos3}
<vb:if condition="$show['wollink']">
<li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online}</a></li>
</vb:if>
{vb:raw template_hook.navbar_quick_links_menu_pos4}
</ul>
</li>
{vb:raw template_hook.navbar_end}
</ul>

</li>
<vb:else />
<li><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a></li>
</vb:if>
{vb:raw template_hook.navtab_middle}
<vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT == 'search'">
<vb:if condition="$show['member']">
<li class="selected"><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost" accesskey="2">{vb:rawphrase getnew_tab}</a>
<ul class="floatcontainer">
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost">{vb:rawphrase new_posts_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_S ocialGroupMessage">{vb:rawphrase new_group_messages_nav}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_E vent">{vb:rawphrase new_events_nav}</a></li>
{vb:raw template_hook.navbar_getnew_menu}
<li><a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&markreadhash={vb:ra w bbuserinfo.securitytoken}">{vb:rawphrase mark_forums_read}</a></li>
</ul>
</li>
<vb:else />
<li class="selected"><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post" accesskey="2">{vb:rawphrase getnew_tab}</a>
<ul class="floatcontainer">
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post">{vb:rawphrase todays_posts}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _SocialGroupMessage">{vb:rawphrase daily_group_message}</a></li>
<li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Event">{vb:rawphrase daily_events}</a></li>
{vb:raw template_hook.navbar_getdaily_menu}
<li><a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&markreadhash={vb:ra w bbuserinfo.securitytoken}">{vb:rawphrase mark_forums_read}</a></li>
</ul>
</li>
</vb:if>
<vb:elseif condition="$show['member']" />
<li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getnew&contenttype=vBForum_P ost" accesskey="2">{vb:rawphrase getnew_tab}</a></li>
<vb:else />
<li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&contenttype=vBForum _Post" accesskey="2">{vb:rawphrase getnew_tab}</a></li>
</vb:if>
{vb:raw template_hook.navtab_end}
</ul>

<vb:if condition="$vboptions['enablesearches']">
<div id="searchBox" class="searchBox">
<form action="search.php?do=process" method="post">
<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="process" />
<span class="searchBox_container"><input type="text" value="" class="textbox" name="query" tabindex="99"/></span>
<span class="searchBox_button"><input type="image" src="images/styles/TwistedDark/style/searchButton.gif" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span>
</form>
<ul class="searchBox_advanced_search">
<li><a href="search.php{vb:raw session.sessionurl_q}" accesskey="4">{vb:rawphrase advanced_search}</a></li>
</ul>
</div>
</vb:if>
</div></div>
</div>


<div id="contentMain">


<div class="body_wrapper">
<div id="breadcrumb" class="breadcrumb">
<div class="bcLeft"><div class="bcRight">
<ul class="floatcontainer">
<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>

{vb:raw navbits.breadcrumb}

{vb:raw navbits.lastelement}

</ul>
<hr />
</div>
</div>
</div>

{vb:raw ad_location.ad_navbar_below}

{vb:raw ad_location.global_below_navbar}

<vb:if condition="$show['notices'] AND THIS_SCRIPT != 'register'">
<form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
<input type="hidden" name="do" value="dismissnotice" />
<input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
<input type="hidden" name="url" value="{vb:raw return_link}" />
<ol>
{vb:raw notices}
</ol>
</form>
</vb:if>


<div align="center">
<table class="body" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#welcome-area"><center><img src="http://i51.tinypic.com/jkj6o9.png" alt="Forum Home"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Welcome Area</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f795/">General Topics</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f3/">Welcome Station</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f472/">Giveaways & Contests
</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#fta-spot"><center><img src="http://aux.iconpedia.net/uploads/498399838370696196.png" alt="FTA Forums"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>FTA Spot</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/pages.php?pageid=5">FTA Encyclopedia</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f136/">FTA Receivers</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f229/">FTA Hardware</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#direct-downloads"><center><img src="http://aux.iconpedia.net/uploads/1392015350.png" alt="Downloads"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Downloads</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f757/">Movies</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f778/">Music</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f106/">Software</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#electronics-more"><center><img src="http://aux.iconpedia.net/uploads/1177712742.png" alt="Electronics"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Electronics</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f95/">PC World</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f307/">Cellulars</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f786/">Gaming</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/#sports-free-gambling"><center><img src="http://aux.iconpedia.net/uploads/19683931261867364917.png" alt="Sports"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Sports</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/f852/">Sport Books</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f485/">Discussion</a></li>
<li><a href="http://www.myfreeneeds.com/forums/f856/">Betting Line</a></li></td>

<td class="vbmenu_control">
<li class="popupmenu"><a href="http://www.myfreeneeds.com/forums/"><center><img src="http://i51.tinypic.com/5pnew4.png" alt="Navigation"></center></a><p><center><a href="javascript://" class="popupctrl" accesskey="6"><b>Switch Forums</b></center></p></a>
<ul class="popupbody popuphover">
{vb:raw template_hook.navbar_community_menu_start}
<li><a href="http://www.myfreeneeds.com/forums/">English Board</a></li>
<li><a href="http://espanol.myfreeneeds.com/forums/">Foro Latino</a></li></td>

</tr>
</table>
</div>


<br>

Da-Vinci

05-09-2011, 11:19 PM

Just to let you know, the multi level menu is finished and I'll be releasing tomorrow as a separate mod as it's quite a bit different to this one, here's the screenshot.

https://vborg.vbsupport.ru/attachment.php?attachmentid=128956&stc=1&d=1304990519

FReeSTER

05-09-2011, 11:58 PM

Da-Vinci

05-10-2011, 12:20 AM

Thank you for your time mate, your code didnt helped but you gave me an idea, So i went ahead and added a small code before your template edit and it worked just perfect mate.

By the way I added <br>

thank you mate and cant wait for the update

I had actually thought of that but thought it may drop the description down with it, anyway glad you got it working.

Randomm

05-10-2011, 02:17 AM

Yes! Can't wait

UKCE_Hitman

05-10-2011, 08:18 AM

Thanx works great

Installed

Da-Vinci

05-10-2011, 08:22 AM

Can you please hit Install, it just gives me an idea of how many people are using this and will motivate me to try and make more edits.

Da-Vinci

05-10-2011, 12:56 PM

The new Icon Navbar With Multi Level Menus is available here, https://vborg.vbsupport.ru/showthread.php?t=263413

https://vborg.vbsupport.ru/

webphangan

03-12-2012, 04:57 AM

niceeeeeeeeeeeeeeeeeeeeeeeee thank youuuuuuuuuuu

zyiad

03-12-2012, 11:27 AM

thanks

Kraxell

01-19-2013, 06:10 PM

Hello,

Admins cant see the navbar. Any idea whats wrong?

/EDIT
Found, wrong style was choosen :D