Horizontal tab menu, I’ve really tried but with no success

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
RichardDuboi
Posts: 3
Joined: Tue 8. Jan 2008, 01:15

Horizontal tab menu, I’ve really tried but with no success

Post by RichardDuboi »

Hi

I hope you all had a nice Christmas and a god start to year 2008. The only thing I got for Christmas was a pajama, a thing all guys dream about :D

I have a problem that I hope I will get some assistant with. I’m trying to build a Horizontal tab menu but I cannot get it to work. See the picture.

http://picasaweb.google.com/activelabel ... 9910732946

Image

I have browsed through the forum for some guidelines with no luck.
I have downloaded files and tested many tips and ideas but unfortunately I cannot get ANY of the ideas to work. I have even tried to interpret the guidelines with German language with no luck.

I have visited the following forum:

1) http://forum.phpwcms.org/viewtopic.php? ... tab#p60952
2) This was the one I tough could do the trick but I failed to interpret the instructions: http://forum.phpwcms.org/viewtopic.php? ... a&start=15
3) http://forum.phpwcms.org/viewtopic.php? ... ion#p53059
4) http://forum.phpwcms.org/viewtopic.php? ... ion#p19492
5) http://forum.phpwcms.org/viewtopic.php? ... tion#p6115
6) http://forum.phpwcms.org/viewtopic.php? ... tion#p5596
7) http://forum.phpwcms.org/viewtopic.php? ... tion#p5397
- http://forum.phpwcms.org/viewtopic.php? ... a&start=15

My programming skills aren´t the best. I´m more of a cute and past guy. It will be very appreciated if you could assist me with some information to solve my problem.

I don´t know if i´m wrong but this site seems to have managed to solve the problem:
http://www.art-varij.de/en.phtml

Regards,
Richard
RichardDuboi
Posts: 3
Joined: Tue 8. Jan 2008, 01:15

Re: Horizontal tab menu, I’ve really tried but with no success

Post by RichardDuboi »

I almost got it to work with {NAV_ROW:INT:0}<br>{NAV_ROW:CURRENT:0}

Products | Services
T-shirt | Shirts

NOTE: {NAV_ROW:INT:0} is are main menus e.g. Products | Services

NOTE: {NAV_ROW:CURRENT:0} are the sub menus e.g. T-shirt | Shirts

There is no problem when you click on the main menus. Se example below

Products
T-shirt | Shirts

The problem is that when you click on the link T-shirt the link Shirts also disappear.

I need to find a way to always show all sub menus under Products.

Like in this example: http://www-user.tu-chemnitz.de/~usta/ph ... ,0,0,1,0,0

It´s time to go to work. :(

I really hate when I spent a lot of time on something and not finding a solution. :evil:


Regards,
Richard
User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: Horizontal tab menu, I’ve really tried but with no success

Post by flip-flop »

Hi,

art-varij is an old site using some old spezial navi tags. At this time (since V1.2.8) - NAV_LIST_UL would doing this job exactly.
-> (Update to V1.3.5.x- Snapshot)

E.g.:

Code: Select all

------------------------------------
-L  E  V  E  L
-:  :  :  :
-0  1  2  3   <- LEVEL-No.
-:  :  :  :
-+ home   :                    ID=0
-+--+ category_01              ID=01
-+--+ category_02              ID=02
-+--+--+ category_02_01        ID=04
-+--+--+--+ category_02_01_01  ID=06
-+--+--+--+ category_02_01_02  ID=07
-+--+--+ category_02_01        ID=05
-+--+--+ category_02_02        ID=08
-+--+ category_03              ID=03
-+--+ category_04              ID=09
-:  :  :  :
-0  1  2  3   <- LEVEL No.
------------------------------------
Navi tag for the first level (LEVEL-0):
<div class="nlu_horiz0">{NAV_LIST_UL:FP,0,1,act_path,active}</div> <!-- P is the parent tag for the home output. //-->

Level-lift to the second level (LEVEL-1):

Code: Select all

[PHP]
if(isset($GLOBALS['LEVEL_ID'][1])) {
$level_id = $GLOBALS['LEVEL_ID'][1];
echo '<div class="nlu_horiz1">'.LF;
echo '{NAV_LIST_UL:F,'.$level_id.',1,act_path,active}';
echo '</div>';
}
[/PHP]
Level-lift to the third level (LEVEL-2):

Code: Select all

[PHP]
if(isset($GLOBALS['LEVEL_ID'][2])) {
$level_id = $GLOBALS['LEVEL_ID'][2];
echo '<div class="nlu_horiz2">'.LF;
echo '{NAV_LIST_UL:F,'.$level_id.',1,act_path,active}';
echo '</div>';
}
[/PHP]
All you need is a little bit css stuff. You will find it at - NAV_LIST_UL

Additionaly have a look to - Sliding door technology

And set in conf.inc.php:

Code: Select all

$phpwcms['allow_cntPHP_rt']   = 1; //allow PHP replacement tags and includes in content parts
That´s it.

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
RichardDuboi
Posts: 3
Joined: Tue 8. Jan 2008, 01:15

Re: Horizontal tab menu, I’ve really tried but with no success

Post by RichardDuboi »

Hi!

You’re my HERO of 2008 so far :D . Thanks for your help. It is VERY appreciated.

I´ve followed your instructions and everything works like a charm. I also think that it is PERFECT that I can modify the css.

Regards,

Richard
phalancs
Posts: 793
Joined: Thu 19. Feb 2004, 05:09
Location: Germany

Re: Horizontal tab menu, I’ve really tried but with no success

Post by phalancs »

This was something i was looking for but i could not even describe it. Thanx for this thread!!
2008
Post Reply