Zum Inhalt springen

Extension Foldout Menue

Erstellt am 12. September 2007 · 2 Antworten · letzte Antwort am 13. September 2007

Tags: Frage

in-session ·

Kann mir einer verraten wie ich bei dem Extension Foldout Menue die Schriftfarbe des Untermenüs einstellen kann?

Hatte das ganze mal per css probiert aber leider geht das da nur für den Hintergrund.

Hier mal die TS

MENUE = COA
MENUE  {
  10 = HMENU
  10.wrap = <div id="menuz"><ul>|</ul></div>
  10.entryLevel = 0
  10.1 = TMENU
  10.1 {
    expAll = 1
    itemArrayProcFunc = user_foldoutMenu->getIfSubUidList
    NO {
      stdWrap.cObject = COA
      stdWrap.cObject {
        10 = CLEARGIF
        10.width=9
        10.wrap = |
        20 = TEXT  
        20.field = title
      }
      ATagParams = class="no"
      allWrap = <li>|</li>
    }
    CUR < .NO
    CUR = 1
    CUR.ATagParams = class="act"
    IFSUB < .NO
    IFSUB = 1
    IFSUB {
      doNotLinkIt = 1
      subst_elementUid = 1
      stdWrap.cObject = COA
      stdWrap.cObject {
        10 >				
        10 = IMAGE
        10.file = {$lib.zmenu.imgFolder}{$lib.zmenu.collapseImg}
        10.altText = Click to open
        10.titleText = Click to open
        10.params = align="top" id="zmenu-{elementUid}-0"
      }
      linkWrap = <a href="javascript:;" onmousedown="zmenu.foldMenu('zmenu-{elementUid}');return false;" style="cursor: pointer;cursor: hand;" class="no">|</a>
      allWrap = <li class="act">|<ul id="zmenu-{elementUid}">
      wrapItemAndSub = |</ul></li>
    }
    ACTIFSUB < .IFSUB
    ACTIFSUB = 1
    ACTIFSUB.stdWrap.cObject.10.file = {$lib.zmenu.imgFolder}{$lib.zmenu.expandImg}
    ACTIFSUB.stdWrap.cObject.10.altText = Click to close
    ACTIFSUB.stdWrap.cObject.10.titleText = Click to close
    ACTIFSUB.stdWrap.cObject.10.params = align="top" id="zmenu-{elementUid}-0"
    #ACTIFSUB.allWrap = <li>|<ul id="zmenu-{elementUid}" style="display:block;">
    CURIFSUB < .IFSUB
    CURIFSUB = 1
    CURIFSUB.linkWrap = <a onmousedown="zmenu.foldMenu('zmenu-{elementUid}');return false;" style="cursor: pointer;cursor: hand;" class="act">|</a>
  }
  10.2 < .10.1
  10.3 < .10.1
  10.4 < .10.1

  20 = TEXT
  20.data = register:ifSubUidList
  20.postUserFunc = user_foldoutMenu->JSWrapper
  20.postUserFunc.prefix = zmenu
  20.postUserFunc.startFolded = 1
  20.postUserFunc.autoFold = 1
  20.postUserFunc.foldCurrent = 1
  20.postUserFunc.enableCookie = 1
  20.postUserFunc.imagePath = {$lib.zmenu.imgFolder}
  20.postUserFunc.imageSwap =	["{$lib.zmenu.collapseImg}","{$lib.zmenu.expandImg}"]
  20.postUserFunc.altSwap =	["Click to open","Click to close"]
  20.required = 1
}

Und hier die CSS

	#menuz {width: 179px;font: normal normal normal 11px/13px Arial, Helvetica, sans-serif;}
	#menuz ul {list-style: none;margin: 0px;padding: 0px;}
	#menuz ul ul {display:none;}
	#menuz A.no, #menuz A.act {color: #ebf7fe; text-decoration: none;}
	#menuz A.act, #menuz A.act:hover { font-weight : bold;}
	#menuz {border-top:1px solid black;}
	#menuz A {display:block;border-bottom:1px solid #005073;padding: 3px 5px 3px 5px;}
  *html #menuz A {width: 100%;} /* IE */
	#menuz UL IMG {margin:2px 3px 2px 0px;}
	#menuz UL UL IMG {margin-left:6px;}
	#menuz UL UL UL IMG {margin-left:12px;}
	#menuz UL A {background: #0191cc;}
	#menuz LI {color:#FF0000;}
	#menuz UL A:hover {background: #80c8e6;}
	#menuz UL LI UL A {background: #3ebcef;}
	#menuz UL LI UL A:hover {background: #9fdef7;}
	#menuz UL LI UL LI UL A {background: #8dcff3;}
	#menuz UL LI UL LI UL A:hover {background: #c6e7f9;}
	#menuz UL LI UL LI UL LI UL A {background: #aee1fd;}
	#menuz UL LI UL LI UL LI UL A:hover {background: #ebf7fe;}
in-session ·

Was ich herrausgefunden habe ist das dieser bereich

    NO {
      stdWrap.cObject = COA
      stdWrap.cObject {
        10 = CLEARGIF
        10.width=9
        10.wrap = |
        20 = TEXT  
        20.field = title
      }
      ATagParams = class="menue2"
      allWrap = <li>|</li>
    }

Die klasse für die normalen links ist.
Ich würde diese aber gerne in die erste und zweite menüebene seperat angeben.

Also sozusagen
rootline 0 class="menue"
und danachfolgendes in class="menue2"

Vielleicht habt ihr einen kurzen rat.

danke schonmal chris

Unbekannter Benutzer ·

Nimm diese Zeilen mal raus:

#menuz A.no, #menuz A.act {color: #ebf7fe; text-decoration: none;}
#menuz A.act, #menuz A.act:hover { font-weight : bold;}

und definier das so:

/* erste Ebene */
#menuz ul a {background: #0191cc; color: #ebf7fe; text-decoration: none;}
#menuz ul a.act, #menuz ul a:hover{font-weight : bold;}

/* zweite Ebene */
#menuz ul li ul a {background: #0191cc; color: #ebf7fe; text-decoration: none;}

usw.

Grüße
Christian