Page 1 of 1

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

Posted: Tue 8. Jan 2008, 01:36
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

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

Posted: Tue 8. Jan 2008, 07:20
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

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

Posted: Tue 8. Jan 2008, 07:50
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

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

Posted: Tue 8. Jan 2008, 23:48
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

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

Posted: Mon 28. Jan 2008, 07:48
by phalancs
This was something i was looking for but i could not even describe it. Thanx for this thread!!