Forums

Multilevel CSS Menu

Permalink
Hi Everyone

I have just started using C5 and I think it is great! however I have a challenge with a CSS menu that i have created and getting it into C5 as part of my template.

My menu is structured like this.

<div class="menu">
<ul class="dropdown">
<li><a href="./" class="dir">Products</a>
<ul>
<li><a href="./">Avid</a></li>

But i see no obvious way of setting this out in the auto nav. I cannot see how to apply my styles to the different menu elements.

Can anyone help? I have attached my css files

Thanks

Justin

1 Attachment

erswelljustin
 
kirkroberts replied on at Permalink Reply
kirkroberts
There are a at least a couple of ways to approach this...

1.
Create your c5 site with multiple levels and add an Auto Nav block. You can then look at the html it produces (using the Firebug add-on in Firefox is particularly helpful) and change your CSS style names to those that c5 outputs.

2.
Create a custom template for the Auto Nav block that uses your CSS style names. If you aren't afraid of very basic PHP this is very doable. Search for "custom template" to find out more.

Hope that helps!
erswelljustin replied on at Permalink Reply
erswelljustin
Thanks for your reply

I am new to all this and I cannot seem to find decent instruction on creating a custom template

Can you drop me a link?

Cheers

Justin
synlag replied on at Permalink Reply
synlag
Yeah, here it is:

http://www.concrete5.org/help/building_with_concrete5/developers/un...

Publishing some exclusive auto-nav templates by cssplay soon.

--ron