Page 1 of 2
[Solved] Text-only horizontal menu for bottom of page
Posted: Thu Oct 08, 2009 10:47 pm
by 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.
Re: Text-only horizontal menu for bottom of page
Posted: Thu Oct 08, 2009 11:17 pm
by calguy1000
Use menumanager.... with a very simple menu template.
and maybe just call it with number_of_levels=1
it really is simple.
Re: Text-only horizontal menu for bottom of page
Posted: Fri Oct 09, 2009 12:06 am
by replytomk3
calguy1000 wrote:
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?
Re: Text-only horizontal menu for bottom of page
Posted: Fri Oct 09, 2009 12:13 am
by Greg
Re: Text-only horizontal menu for bottom of page
Posted: Fri Oct 09, 2009 12:57 am
by replytomk3
Greg wrote:
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.
Re: Text-only horizontal menu for bottom of page
Posted: Fri Oct 09, 2009 1:03 am
by 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.
Re: Text-only horizontal menu for bottom of page
Posted: Fri Oct 09, 2009 1:23 am
by 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.
Re: Text-only horizontal menu for bottom of page
Posted: Fri Oct 09, 2009 1:24 am
by 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.
Re: [Solved] Text-only horizontal menu for bottom of page
Posted: Mon Oct 19, 2009 4:34 pm
by 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?
Re: [Solved] Text-only horizontal menu for bottom of page
Posted: Mon Oct 19, 2009 5:13 pm
by jmcgin51
replytomk3 wrote:
Why doesn't this work?
Why doesn't WHAT work? What doesn't work??
Re: [Solved] Text-only horizontal menu for bottom of page
Posted: Mon Oct 19, 2009 5:26 pm
by replytomk3
Why the formatting in stylesheet is not applied.
Re: [Solved] Text-only horizontal menu for bottom of page
Posted: Mon Oct 19, 2009 5:34 pm
by 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.
Re: [Solved] Text-only horizontal menu for bottom of page
Posted: Mon Oct 19, 2009 6:30 pm
by 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> |
Re: [Solved] Text-only horizontal menu for bottom of page
Posted: Mon Oct 19, 2009 6:31 pm
by replytomk3
Re: [Solved] Text-only horizontal menu for bottom of page
Posted: Mon Oct 19, 2009 6:49 pm
by 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; }
}