Zum Inhalt springen

TMENU -> aktiver link

Erstellt am 13. Oktober 2005 · 4 Antworten · letzte Antwort am 13. Oktober 2005

Tags: HTML & CSS, Frage

karl der grosse ·

Hallo,

wohl eine kleine Anfängerfrage:

Ich habe als TS:

MENU_LINKS = HMENU
   MENU_LINKS.special = directory
   MENU_LINKS.special.value = 12
   MENU_LINKS.1 = TMENU
   MENU_LINKS.1 {
      #NO.beforeImgLink = 1
      NO.allWrap = <div class="pNav"> | </div> 
      NO.RO = 1
      ACT = 1
      ACT < .NO
      ACT.beforeImgLink = 1
      ACT.allWrap = <div class="pNav"> | </div> 
      ACT.ATagParams = class="pNav"
     }

und als CSS

#pNav{
	width:160px;
	padding:15px 0 0 0;
	margin:33px 0 0 0;
	background-color: #ffffff;
	font: 100% Verdana,sans-serif;
	color:#000000;
	float: left;
}
#pNav a{
	display:block;
	font-weight:bold;
	color:#000000;
	padding:0 0 0 35px;
	margin:8px 0 8px 0;
}

#pNav a:hover{
	color:#4386B2;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 35px;
	margin:8px 0 8px 0;
	background: url(images/blue.gif) no-repeat 25px;	
}

#pNav a:active{
	color:#4386B2;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 35px;
	margin:8px 0 8px 0;
	background: url(images/blue.gif) no-repeat 25px;	
}


#pNav a.setL1{
	color:#4386B2;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 35px;
	margin:8px 0 8px 0;
	background: url(images/blue.gif) no-repeat 25px;	
}
#pNav a.setL2{
	color:#4386B2;
	text-decoration:none;
	font: 80% Verdana,sans-serif;
	font-weight:normal;
	padding:0 0 0 45px;
	margin:8px 0 8px 0;
}
#pNav a.setL2:hover{
	color:#4386B2;
	text-decoration:none;
	font: 80% Verdana,sans-serif;
	font-weight:normal;
	padding:0 0 0 45px;
	background: none;
	margin:8px 0 8px 0;
}
#pNav a.setL3{
	color:#4386B2;
	text-decoration:none;
	font: 80% Verdana,sans-serif;
	font-weight:bold;
	padding:0 0 0 45px;
	margin:8px 0 8px 0;
	
}
#pNav a.setL3:hover{
	color:#4386B2;
	text-decoration:none;
	font: 80% Verdana,sans-serif;
	font-weight:normal;
	padding:0 0 0 45px;
	background: none;
	margin:8px 0 8px 0;
}

Was ich erreichen will ist das wenn ich die Seite wechsle, der Navigationslink dann auch blau und bold erscheint in verbindung mit dem background: url(images/blue.gif)davor.

Den hover-Zustand funktioniert nur nicht der Active.

Was mache ich falsch?

Kann mir jemand einen kleinen Tip geben ?

Gruß
Marius

karl der grosse ·

Vieleicht auch mehrere Ebenen.

Ich habe es schon weiterversucht ich komme nicht weiter.

   MENU_LINKS = HMENU
   MENU_LINKS.special = directory
   MENU_LINKS.special.value = 12
   MENU_LINKS.1 = TMENU
   MENU_LINKS.1 {
          NO.allWrap = <div class="pNav"> | </div> 
      NO.RO = 1
     
      ACT = 1
      ACT < .NO
     
      ACT.allWrap = <div class="pNav"> | </div> 
      ACT.ATagParams = class="pNav"
     }
    MENU_LINKS.2 = TMENU
    MENU_LINKS.2 {
     expAll = 1
     collapse = 0
     NO {
      allWrap = <div class="pNav"> | </div> 
     }
 }
karl der grosse ·

Habe ich versucht aber es klappt immer noch nicht, das der aktive Link nicht schwarz sondern blau mit der grafik davor dargestellt wird.

Von der 2-Schichtigkeit ganz zu schweigen

karl der grosse ·

Habe alles etwas umgefuttelt und eine zweite ebene erscheint.

Nur halt immer noch nicht so wie ich es will:

a) Der aktive Link wird immer noch nicht farblich unterschieden.

b) Die zweite ebene hat keine andere Hintergrundfarbe

    MENU_LINKS = HMENU
    MENU_LINKS.special = directory
    MENU_LINKS.special.value = 12
    MENU_LINKS.entryLevel = 1
    MENU_LINKS.1 = TMENU
    MENU_LINKS.1.NO = 1
 	MENU_LINKS.1.NO {
 	        allWrap = <div class="pNav"> | </div> 
 		10 = TEXT
		10.text.field = title
		10.niceText = 1
 	}
     MENU_LINKS.1.RO < .MENU_LINKS.1.NO
     MENU_LINKS.1.RO {
     allWrap = <div class="pNav"> | </div> 
     5 < .10
     5.fontColor = #000080
     }
     MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
     MENU_LINKS.2 < .MENU_LINKS.1
     MENU_LINKS.2 {
     NO.backColor = #C0C0C0
     NO.10.fontColor = #000080
     RO < .NO
     RO.backColor = #AEAEAE
     RO.5 >
     CUR < .RO
     }

#angry# #angry# #angry#