Menu Generator

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

Re: Menu Generator

Post by Dr.CSS »

Install the Web Developers addon in Firefox, right click page, view source, find the menu UL LI and read what classes it uses for LI and "a", open web dev. CSS > edit CSS window and find the corresponding styles for the part you want to change, using the web dev. outline current element helps target exactly what you looking at...

With out a link to site in question it is hard to tell you exactly what to do...
georgechr
Forum Members
Forum Members
Posts: 96
Joined: Tue Sep 13, 2011 6:02 am

Re: Menu Generator

Post by georgechr »

Image

What i want is 3 menus, which all of them have children.

For the 1st menu want to show some items with their children, same for 2nd and 3rd.

How do i achieve this?

Basically i need to find the menu template code and stylesheet for a basic menu with seperators i am guessing.

Like M@rtijn gave me this code:

Code: Select all

<div id="navcontainer">
<ul id="navlist">
{foreach from=$nodelist item=node}
<li><a href="{$node->url}">{$node->menutext}</a></li>
{/foreach}
</ul>
</div>
I am having a bit of difficulty.

Like i said i would like to have a simple menu template code for use with children.

And how would i go about having 3 menus, each with different items and children

My website http://netinfoplc.com/grandlodgeofcyprus/
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Menu Generator

Post by Dr.CSS »

The logic and CSS etc. for drop down menus is driven with the cssmenu.tpl and one of these style sheets Navigation: CSSMenu - Horizontal or Navigation: CSSMenu - Vertical depending on if it is a drop or flyout, you use it for the left flyout menu, #1...

That being said it don't work so well if you have 2 items with the same ID in 3 places so you would have to import it and use classes for menuwrapper and primary-nav then use the containing divs for the style calls...

What do your {menu} tags look like...
georgechr
Forum Members
Forum Members
Posts: 96
Joined: Tue Sep 13, 2011 6:02 am

Re: Menu Generator

Post by georgechr »

thanks for the reply.

Below are the menu tags i use.

1. {menu template="GRANDLODGE_LEFT" start_level="2"}
2. {menu template="GRANDLODGE_TOP" items="istoria_tektonismou,megali_stoa,contact"}
3. {menu template="GRANDLODGE_TOP" items="members_area"}

What i understood from what you said, is to always use template="cssmenu.tpl" and attach the CSSmenu vertical/CSSmenu horizontal style to my template? how is gonna differentiate which style is for what if i attach both in my template?

I just want to know the basic core of the menu. i would like a vertical and horizontal menu with children in without even style, so i can start making my style using a default one with only the core of what is needed
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Menu Generator

Post by Dr.CSS »

If you use items= in the menu call it will only show those items...

I said the cssmenu.tpl has certain calls in it that relate to the code in the 2 style sheets, if you want to use the same menu template in 2 places you need to change the IDs to classes so you don't get errors/invalid code...
georgechr
Forum Members
Forum Members
Posts: 96
Joined: Tue Sep 13, 2011 6:02 am

Re: Menu Generator

Post by georgechr »

then how do i call specific menu items with their children?
georgechr
Forum Members
Forum Members
Posts: 96
Joined: Tue Sep 13, 2011 6:02 am

Re: Menu Generator

Post by georgechr »

can you please help?>
Post Reply

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