Page 1 of 1
TWO ROWS HORIZONTAL NAVIGATION
Posted: Mon 25. Jan 2010, 21:42
by achilehero
Hello!
I want to create a 2 rows horizontal menu (from the first two levels of the structure), something like:
Item1 - Item2 - Item3 - Item4 - Item5
Subitem41 - Subitem42
and all of this centered horizontally.
I browsed the forum and found several hints, but nothing quite like that. I am aware that this may be more a css problem than anything else, but I would appreciate any help possible.
Thanks a lot,
Chris
Re: TWO ROWS HORIZONTAL NAVIGATION
Posted: Tue 26. Jan 2010, 08:30
by flip-flop
Hi,
the second line should be replaced by hover or click in the first row?
Knut
Re: TWO ROWS HORIZONTAL NAVIGATION
Posted: Tue 26. Jan 2010, 08:55
by zuker
Re: TWO ROWS HORIZONTAL NAVIGATION
Posted: Tue 26. Jan 2010, 09:37
by achilehero
@flip-flop
I would want the following behavior:
When I click Item1, I want the second row to display Subitem 11 Subitem12 etc. If I click Subitem12, I want the Subitem11 Subitem12 row to remain visible while I am visiting the categories corresponding to the parent of the respective subcategory (i.e. Item1) . Hope I was clear enough, and thanks a lot for your help.
@zuker
Thanks for the hint ( I just looked only at the first pages of that topic). If I find there what I want, I'll let you know.
Re: TWO ROWS HORIZONTAL NAVIGATION
Posted: Tue 26. Jan 2010, 12:40
by flip-flop
Horizontal menu
The same like "Combination of horiz. & vert. navigation", the difference from the horizontal to vertical menu, is only the CSS code.
Code: Select all
<div class=“nlu_horiz1”>{NAV_LIST_UL:F,ID,1,act_path,active}</div>
[PHP]
if(isset($GLOBALS['LEVEL_ID'][1])) {
$level_id = $GLOBALS['LEVEL_ID'][1];
echo '<div class="nlu_navi2">'.LF;
echo '{NAV_LIST_UL:F,'.$level_id.',1,act_path,active}';
echo '</div>';
}
[/PHP]
First CSS: nlu_horiz1
Second CSS: nlu_horiz2
Knut
Re: TWO ROWS HORIZONTAL NAVIGATION
Posted: Tue 26. Jan 2010, 12:55
by achilehero
Thank you very much again, Knut. I will take a closer look later today and let you know if I have anymore questions.
Danke!
Re: TWO ROWS HORIZONTAL NAVIGATION
Posted: Wed 27. Jan 2010, 16:34
by achilehero
Danke schon, Knut!
I wasn't aware I could do that [PHP]-wise. I had an idea like that, but didn't know exactly how to code it.
Thanks a lot! Once again you're a life saver!
