vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Mini Mods - Icon Navbar with dropdown menus (https://vborg.vbsupport.ru/showthread.php?t=262376)

Da-Vinci 04-20-2011 10:00 PM

Icon Navbar with dropdown menus
 
1 Attachment(s)
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.

Code:

{vb:raw ad_location.global_below_navbar}
Directly below paste

Code:

<!-- Navbar Icon Links -->
<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>
<!-- / Navbar Icon Links -->

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

If you like this mod please click INSTALL

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)


[HOW TO - vB4] How to Add Drop Down Navigation Items to the Navbar

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

Quote:

Originally Posted by Da-Vinci (Post 2187695)
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/attachmen...9&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)


[HOW TO - vB4] How to Add Drop Down Navigation Items to the Navbar

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

1 Attachment(s)
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

1 Attachment(s)
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/attachmen...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

1 Attachment(s)
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

Quote:

Originally Posted by Octavius. (Post 2193182)
Nevermind I got it working now. http://the8thlegion.com/forum.php

Looks good on your site bud ;)

Quote:

Originally Posted by FReeSTER (Post 2193679)
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

Code:

<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&amp;contenttype=vBForum_Post">{vb:rawphrase new_posts_nav}</a></li>
                                                <vb:else />
                                                <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;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&amp;markreadhash={vb:raw 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&amp;focus=1','buddylist','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&amp;contenttype=vBForum_Post" accesskey="2">{vb:rawphrase getnew_tab}</a>
                                <ul class="floatcontainer">
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Post">{vb:rawphrase new_posts_nav}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_SocialGroupMessage">{vb:rawphrase new_group_messages_nav}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Event">{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&amp;markreadhash={vb:raw 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&amp;contenttype=vBForum_Post" accesskey="2">{vb:rawphrase getnew_tab}</a>
                                <ul class="floatcontainer">
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Post">{vb:rawphrase todays_posts}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_SocialGroupMessage">{vb:rawphrase daily_group_message}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;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&amp;markreadhash={vb:raw 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&amp;contenttype=vBForum_Post" accesskey="2">{vb:rawphrase getnew_tab}</a></li>
                <vb:else />
                        <li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;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>


<!-- Custom Content Wrap -->
                <div id="contentMain">
<!-- Custom Content Wrap End -->


<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}



<!-- Navbar Icon Links -->
<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>
<!-- / Navbar Icon Links -->


<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

1 Attachment(s)
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/attachmen...1&d=1304985868

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

https://vborg.vbsupport.ru/attachmen...1&d=1304986212

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

Code:

<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&amp;contenttype=vBForum_Post">{vb:rawphrase new_posts_nav}</a></li>
                                                <vb:else />
                                                <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;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&amp;markreadhash={vb:raw 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&amp;focus=1','buddylist','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&amp;contenttype=vBForum_Post" accesskey="2">{vb:rawphrase getnew_tab}</a>
                                <ul class="floatcontainer">
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Post">{vb:rawphrase new_posts_nav}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_SocialGroupMessage">{vb:rawphrase new_group_messages_nav}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Event">{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&amp;markreadhash={vb:raw 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&amp;contenttype=vBForum_Post" accesskey="2">{vb:rawphrase getnew_tab}</a>
                                <ul class="floatcontainer">
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Post">{vb:rawphrase todays_posts}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_SocialGroupMessage">{vb:rawphrase daily_group_message}</a></li>
                                        <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;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&amp;markreadhash={vb:raw 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&amp;contenttype=vBForum_Post" accesskey="2">{vb:rawphrase getnew_tab}</a></li>
                <vb:else />
                        <li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;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>


<!-- Custom Content Wrap -->
                <div id="contentMain">
<!-- Custom Content Wrap End -->


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

<!-- Navbar Icon Links -->
<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>
<!-- / Navbar Icon Links -->


<br>


Da-Vinci 05-09-2011 11:19 PM

1 Attachment(s)
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/attachmen...1&d=1304990519

FReeSTER 05-09-2011 11:58 PM

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

Da-Vinci 05-10-2011 12:20 AM

Quote:

Originally Posted by FReeSTER (Post 2193853)
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


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


All times are GMT. The time now is 05: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.01652 seconds
  • Memory Usage 2,065KB
  • 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
  • (4)bbcode_code_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (28)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