Edit menu templates so some menus fly right and others left ?

[Vincent]

Hi, it is my first post here.

My mother tongue is french, but i will try hard to make sense.

I have basic knowledge in php and CSS, so up to know, I did provide 2 sites using cascading menus with CMSmadesimple without bugging anyone here. But now, I feel chalenged... I have searched the forum for this specific information without sucess... could be the language thing.

A couple of hours ago, I saw the graphic designer's drafts for a new project. It is supposed to use a top menu with 2 levels of submenus. Problem is, top menu primary nav will be made of images and spread across the whole page. The "buttons" at the right leave no room for the menus to deploy. I guess they wont pop left if I dont do something about it, right ?

So where do I start ?

Create some new classes in the menu templates or some magic CSS gizmo alone will do ?

If anyone could give me a pointer, I would appreciate, because the graphic designer is a cute redhair and I would hate to bring her bad news...

[Nullig]

I wonder if you could split the menu into two, with half popping out right and the rest popping out left.

If you had one set of pages attached to hmenu1 and the other pages attached to hmenu2. Each hmenu could have it's own styling and they could be placed beside each other within the menu container div.

I don't know how well it would work, but it sounds intriguing from a design point of view.

Nullig

P.S. There'a a good example of the CSS styling to flyout left here:

http://www.cssplay.co.uk/menus/css/final_drop.css

[Vincent]

I wonder if you could split the menu into two, with half popping out right and the rest popping out left.

Same here. 

If you had one set of pages attached to hmenu1 and the other pages attached to hmenu2. Each hmenu could have it's own styling and they could be placed beside each other within the menu container div.

Yes, but i am wondering where to start from this. Especially I have only basic skills in PHP, and considering I will need to show some non technical persons how to use the CMS after it's eventual completion.

I don't know how well it would work, but it sounds intriguing from a design point of view.

No, no, no, the desing is challenging, it is the redhair graphic designer wich is intriguing, from my point of view...

[heatherfeuer]

Actually, take a close look at Stu Nichol's CSSPlay site.  I'll bet you'll find a menu option or two that will do what you need it to do completely with CSS and no other php required.  Oh wait... it's getting late here and the brain is half-asleep. I guess you'd have to figure out where and how to put the styles in the loop that makes the menu pick up the page hierarchy... But still...

[Nullig]

Create two pages, hmenu1 and hmenu2, and use them as the root entries for everything else. Create different styles for each.

Half of your pages(menu items) will be under hmenu1, the rest under hmenu2.

Within the menu container in your template, I think you could put the two menu calls like this:

Code: Select all

<div id="menu_horiz">
   <h2 class="accessibility">Navigation</h2>
      {menu start_page='hmenu1' start_level='2' start_element='1.1' show_root_siblings='1'}
      {menu start_page='hmenu2' start_level='2' start_element='2.1' show_root_siblings='1'}
   <hr class="accessibility" />
</div>

Nullig

[Vincent]

Thank you Nullig and heatherfeuer,

cssplay is a great ressource i did not know before. Well worth exploring.

Nullig, thanks for your input. I am afraid there is no solution without messing a bit with the content list.

Mark slipped another pearl here.

I was not aware of this. I guess I will try stuff with this before editing the subject with [SOLVED], hope to do it this week end.

Thanks guys !