Menu template [SOLVED]

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
darren
Forum Members
Forum Members
Posts: 20
Joined: Sat Nov 06, 2010 4:09 pm

Menu template [SOLVED]

Post 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?
Last edited by darren on Tue Nov 09, 2010 8:35 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Menu template

Post 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...
User avatar
darren
Forum Members
Forum Members
Posts: 20
Joined: Sat Nov 06, 2010 4:09 pm

Re: Menu template

Post 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;
}
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Menu template

Post 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...
User avatar
darren
Forum Members
Forum Members
Posts: 20
Joined: Sat Nov 06, 2010 4:09 pm

Re: Menu template

Post by darren »

Thanks finally got it working  ;) [SOLVED]
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Menu template

Post by Dr.CSS »

Post Reply

Return to “Layout and Design (CSS & HTML)”