1
jsganti
How to create horizontal menu using multimenu?
  • 2007/2/9 19:14

  • jsganti

  • Just popping in

  • Posts: 3

  • Since: 2006/3/12


Hi,
I wanted to create a horizontal menu below the header using Multimenu. I read the documentation but could not make it.

FYI - I'm using FLOWER_K theme.

(1) Is there a step-by-step intructions on how to achieve that? any pointers.
(2) How to change the menu name in left menu bar? If multimenu01 is made visible in the modules section of admin, it is appearing as multimenu01 in the main menu..how to change this name?

Appreciate your help.

Thanks,

2
wizanda
Re: How to create horizontal menu using multimenu?
  • 2007/2/9 20:35

  • wizanda

  • Home away from home

  • Posts: 1585

  • Since: 2004/3/21


This is how you have to get it to work with the name "navbar"...

it does say in the instructions included inside it...

you set the name in blocks admin for the multimenu, you want to display at the top, after adding the code in the theme...

please search as this question has been answered so many times by me
Quote:

Here is an exemple with the horizontal dynamic menu, in 3 steps:

1) Activate your menu selecting the horizontal dynamic option.
Into the bloc setting, set 'navbar' as bloc title and select column left display.

2) Edit your theme 'theme.html' file, and add the following code where you want your menu to be displayed:

<{foreach item=block from=$xoops_lblocks}> <{if $block.title == 'navbar'}> <{$block.content}> <{/if}> <{/foreach}>

Quote:

3) Next step, spot the smarty lines used to generate your left side blocs and change it as following:

Before :
<{foreach item=block from=$xoops_lblocks}> <{include file='default/theme_blockleft.html'}> <{/foreach}>

After :
<{foreach item=block from=$xoops_lblocks}> <{if $block.title != 'navbar'}> <{include file=='default/theme_blockleft.html'}> <{/if}> <{/foreach}>

3
jsganti
Re: How to create horizontal menu using multimenu?
  • 2007/2/13 19:59

  • jsganti

  • Just popping in

  • Posts: 3

  • Since: 2006/3/12


Wizanda - I tried the instructions given in the documentation already. But I do not see the horizontal bar on the top. Also the navbar block is still visible in the left side even with the changes in the code as instructed. Tried clearing all cache, but no change.

One more thing in using multimenu is the sitemap module does not show the menu/links created using multimenu. It shows only the modules active(weight not 0).

Any help would be appreciated.

Thanks!

4
McDonald
Re: How to create horizontal menu using multimenu?
  • 2007/2/13 22:11

  • McDonald

  • Home away from home

  • Posts: 1072

  • Since: 2005/8/15


I am using multimenu with horizontal menu bar on my website.
This is how I made it work step by step:

Step 1.
Open the file theme.html and add the following code at the top of this file:
<{php}>
if( ! empty( 
$_SESSION['redirect_message'] ) ) {
    if( empty( 
$this->_tpl_vars['xoops_lblocks'] ) ) $this->_tpl_vars['xoops_lblocks'] = array() ;
    
array_unshift$this->_tpl_vars['xoops_lblocks'] , array( 'title' => 'Message' 'content' => $_SESSION['redirect_message'] , 'weight' => ) ) ;
    
$this->_tpl_vars['xoops_showlblock'] = ;
    unset( 
$_SESSION['redirect_message'] ) ;
}
<{/
php}>


Step 2.
In theme.html add the following table where you want your horizontal menu to appear:
<table width="100%" height="20" border="0" cellpadding="0" cellspacing="0" class="navbar">
  <
tr>
     <
td>
        <
div align="left">
         <{foreach 
item=block from=$xoops_lblocks}>
          <{if 
$block.title == 'navbar'}>
           <{
$block.content}>
          <{/if}>
         <{/foreach}>        
       </
div>
    </
td>
  </
tr>
</
table>

You can add this table for example between the horizontal header and the 3 columns.

Step 3.
Add the following to your style.css file:
.navbar {
        
border-collapse:collapse;
        
margin:0;
    
height20px;
    
padding0;}


Step 4.
Upload theme.html and style.css to your server.
Delete all files from the folder template_c.

Step 5.
Add block multiMenu 01 to the left column, visible on all frontside pages and make the title of the block 'navbar'.
Select 'CSS Drop down horizontal' from the menu Block Format.
Do not set the cache!
Submit the block and go to multiMenu 01 settings in Module Administration and add items to the menu bar.
Use Mainlink for the main button and Note for the sub-buttons of the menus.

5
jsganti
Re: How to create horizontal menu using multimenu?
  • 2007/2/20 21:57

  • jsganti

  • Just popping in

  • Posts: 3

  • Since: 2006/3/12


Thanks McDonald!
I was able to see the horizontal menu. But there is one more issue..the menu is cutting off the left and right logo bars. see athttp://www.vanijagannadh.com/cms.
I tried to add padding to the table definition to make the menu fit between the left, right logo bars, but no change.

How do I do that?

Thanks,
Jags

Login

Who's Online

142 user(s) are online (100 user(s) are browsing Support Forums)


Members: 0


Guests: 142


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits