[Solved] Text-only horizontal menu for bottom of page

[replytomk3]

Hello to all

I am trying to make a simplest text-only generated menu for the bottom of the page.

I would like to hear other peoples' opinions before I present what I have at this point (not fully functional) in case I am overkilling the process.

I do not need any pictures, subitems, and so on. All I need is a line of text links.

[calguy1000]

Use menumanager.... with a very simple menu template.
and maybe just call it with number_of_levels=1

it really is simple.

[replytomk3]

Use menumanager.... with a very simple menu template.
and maybe just call it with number_of_levels=1

it really is simple.

Simple? Been bashing my head on my desk for some time.

Problem: it must coexist with a main horizontal menu.

Problem: how can menumanager generate a text-only horizontal menu?

Exact syntax will be highly appreciated for someone who is stuck.

And yes, I am already calling it as
{menu start_level="1" number_of_levels="1"}

with a css stylesheet attached for menu_horiz.

Problems I get is:

1) Is there something simpler?

2) How can I strip out from the active menu item?

[Greg]

This may help

http://forum.cmsmadesimple.org/index.php/topic,16286.msg81128.html#msg81128

[replytomk3]

I use the following code in menumanager to create a menu with the | seperator in my footer.
I called the template footernav in menumanager.

Code: Select all

{if $count > 0}
<div class="footernav">|
{foreach from=$nodelist item=node}
<a href="{$node->url}">{$node->menutext}</a> |
{/foreach}
</div>
{/if}

I then call the menu in my template with:

{menu template='footernav' number_of_levels='1'}

Then style the menu with the footernav class.

Instant Karma boost.

[calguy1000]

I could paste my idea of a simple 'text only' menu in here, but that wouldn't serve any purpose... you, or somebody else would be back the next day asking for a simple variation of it.... so the best way to answer this question is to give you some general instructions.

Give a man a fish and he eats for a day... etc, etc....

Since you are calling the menu with 'number_of_levels=1' etc... all you really need to do is create a new menu manager template called 'simpletemplate'  (or something like that) and then strip out all of the stuff that you do not need.

The last step would be to modify your call for the bottom navigation to be something like {menu number_of_levels=1 template='simpletemplate'}

It may take a few iterations of editing your 'simpletemplate' and  trimming stuff out/putting stuff back to get the gyst of how the stuff works, but once you do, you'll have complete grasp of this stuff and be able to create damn near any navigation you want.

Just look at http://www.multiintech.com/ and the various templates there... he's done some marvelous work with menu manager.

[replytomk3]

calguy1000, I tried to approach from another end. I tried to use existing Menu Manager and bMenu menu styler templates, and cutting down the css formatting. Working on limited time does not make the head think clearly.

Also, searching on limited time for something like "text only horizontal menu" did not show any quick results. So hopefully this post will shop up on searches like that.

[replytomk3]

Other/alternative solutions are welcome. Please add any other solutions here so they will be in a single post. As for original question, it is solved.

[replytomk3]

More help needed please

1) Page has

Code: Select all

<div id="footernav">
                                                            {menu
                                                            template='footernav'
                                                            number_of_levels='1'}
</div>

2) Menu template (footernav) is

Code: Select all

{if $count > 0}
<div class="footernav">|
{foreach from=$nodelist item=node}
<a href="{$node->url}">{$node->menutext}</a> |
{/foreach}
</div>
{/if}

3) And an attached stylesheet (footernav) contains

Code: Select all

#footernav {
  a:link{color: #000; text-decoration: none; }
  a:visited {color: #000; text-decoration: none; }
  a:active{color: #000; text-decoration: none;
  a:hover{color: #000; text-decoration: underline; }
 }

Why doesn't this work?

[jmcgin51]

Why doesn't this work?

Why doesn't WHAT work?  What doesn't work??

[replytomk3]

Why the formatting in stylesheet is not applied.

[jmcgin51]

is there another stylesheet that is being called AFTER the footernav stylesheet, that is overriding the styles in the footernav sheet?  Or any inline styles that might be doing the same thing?

look at your page source to be sure that the footernav sheet is in fact being called, and that the appropriate CSS tags are being written in your menu.

[replytomk3]

This is the last stylesheet, and it has no effect. If someone can tell me what the proper stylesheet would be to remove the underline from links, and change the color, it would be appreciated (because what I tried does not work).

Page source says

Code: Select all

 <div id="footernav"><div class="footernav">|
<a href="http://mkrd.info/">Home</a> |

<a href="http://mkrd.info/services-available.html">Services available</a> |
<a href="http://mkrd.info/software-discussions.html">Software</a> |
<a href="http://mkrd.info/articles.html">Articles</a> |

[replytomk3]

Test page: http://mkrd.info/test.html

[jmcgin51]

why do you have a div within a div in your footer?

I bet if you edit your footernav stylesheet like this it will work:
.footernav {
  a:link{color: #000; text-decoration: none; }
  a:visited {color: #000; text-decoration: none; }
  a:active{color: #000; text-decoration: none;
  a:hover{color: #000; text-decoration: underline; }
}