Page 1 of 1
Menu template [SOLVED]
Posted: Mon Nov 08, 2010 12:10 am
by darren
Hi, I've been trying to get my navigation menu to work for hours, tried all tutorials I could find... I just can't figure out any the codes from the MenuManager module.
Im trying to set up a css menu with hover and active page that use the same image. I already made a css style for this and attached to my template.
At the moment I set cssmenu.tpl as default and I get a plain horizontal list.
This is how it looks in my template:
{menu}
Where do I place my html for my nav:
Get in touch
Contact Us
How do I make it all work?
Re: Menu template
Posted: Mon Nov 08, 2010 12:22 am
by Dr.CSS
Calling the {menu} tag makes it go to content > pages and read what you have there and spits it out using what is in the menu template, ul li or just a links, whatever the menu template tells it to do, in your case, depending on what your page structure looks like it should spit out...
Home page menu text
About
Menu Text
etc. etc......
So you need to change your CSS to use what it spits out or you need to import one of the existing ones and change it to spit out what you want...
Re: Menu template
Posted: Mon Nov 08, 2010 1:12 am
by darren
So how do i make it spit out what i want? I don't get any of the code i get after importing a new template to the database. When I try to modify any of the code I just get errors on my page.
this is my css for navigation:
/* Site Navigation */
ul#navigation {text-transform:uppercase;}
ul#navigation li {float:right; display:inline; margin : 0 0 0 50px;}
ul#navigation li a {
font-family:arial, sans-serif !important;
display:block;
padding:44px 0 0;
text-decoration:none;
color:#000000;
font-size:14px;
font-weight:bold;
text-align: center;
}
ul#navigation li a:hover,
ul#navigation li a.current {
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: center top;
}
Re: Menu template
Posted: Mon Nov 08, 2010 4:57 pm
by Dr.CSS
Use {menu template cssmenu.tpl} then change all css ul#navigation to ul#primary-nav or use the cssmenu horizontal style sheet replacing the { css calls } in it with yours...
Re: Menu template
Posted: Mon Nov 08, 2010 10:59 pm
by darren
Thanks finally got it workingÂ
[SOLVED]
Re: Menu template
Posted: Tue Nov 09, 2010 8:36 am
by Dr.CSS