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
TWO ROWS HORIZONTAL NAVIGATION
Re: TWO ROWS HORIZONTAL NAVIGATION
Hi,
the second line should be replaced by hover or click in the first row?
Knut
the second line should be replaced by hover or click in the first row?
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
Re: TWO ROWS HORIZONTAL NAVIGATION
٩(͡๏̯͡๏)۶
-
- Posts: 69
- Joined: Sun 4. Jan 2009, 13:30
Re: TWO ROWS HORIZONTAL NAVIGATION
@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.
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
Horizontal menu
The same like "Combination of horiz. & vert. navigation", the difference from the horizontal to vertical menu, is only the CSS code.
First CSS: nlu_horiz1
Second CSS: nlu_horiz2
Knut
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]
Second CSS: nlu_horiz2
Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
-
- Posts: 69
- Joined: Sun 4. Jan 2009, 13:30
Re: TWO ROWS HORIZONTAL NAVIGATION
Thank you very much again, Knut. I will take a closer look later today and let you know if I have anymore questions.
Danke!
Danke!
-
- Posts: 69
- Joined: Sun 4. Jan 2009, 13:30
Re: TWO ROWS HORIZONTAL NAVIGATION
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!
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!