We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

Wayfinder Menu

    • 12305
    • 4 Posts
    holon Reply #1, 16 years ago
    Hallo!
    Habe mich gerade etwas in ModX reingewurschtelt und bin wirklich begeistert.
    Ich möchte jetzt ein im prinzip Simples Listenmenu mit Unterpunkten darstellen lassen. So ungefähr:

    Menupunkt1
    Menupunkt2
    Menupunkt3
    >>>Menupuntk3.1
    >>>Menupunkt3.2
    >>>Menupunkt3.3
    Menupunkt4
    usw..


    Die Menuleiste sollen statisch sein bzw. nicht auf oder zuklappen. Eigentlich ganz simple. Der Befehl [[Wayfinder? &startId=`0` &level=`2`]] zeigt es mir aber nur so an:

    Menupunkt1
    Menupunkt2
    Menupunkt3
    Menupuntk3.1
    Menupunkt3.2
    Menupunkt3.3
    Menupunkt4

    Was muss ich ändern damit neue Kinddokumente (z.b. Menupunkt 3.1 usw..) leicht verschoben oder einfach anders als Link angezeigt werden als das Elterndokument (z.b. Menupunkt 3) ?!

    Danke und Gruß
    Holon
      • 28107
      • 230 Posts
      MacConin Reply #2, 16 years ago
      schau dir mal den quellcode an.
      du must deine CSS-Datei entsprechend einrichten. Du kannst auch eine
      extra nur den wayfinder gültige CSS-Datei angeben.
      Das wird dann als extra chunk angelegt und beim Aufruf benannt.
      Kannste aber auch alles in dein CSS stecken.
        CONIN Werbeagentur . Köln
        http://www.conin.de
        • 12305
        • 4 Posts
        holon Reply #3, 16 years ago
        Hi Spackko,
        danke für deine Antwort aber irgendwie hab ich da noch einen Denkfehler und raff das nicht huh

        Also nochmal zum Verständnis mein Menu CSS schaut so aus:

        /* navigation */
.navigation {
	float: left;
	width: 210px;
}
.navigation h2 {
	color: #5A5A43;
	font: bold 1.1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.navigation ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.navigation li a:hover {
	background: #F0F0EB;
	color: #654;	
}


        Den Wayfinder habe ich so ins Template eingebaut:

        [...]

		<div class="navigation">[[Wayfinder? &startId=`0` &level=`2`]]
</div>
[...]


        Was genau muss ich jetzt tun, damit mir alle Untermenüpunkte automamtisch anders Dargestellt werden als der Hauptmenüpunkt?!

        in meinem Fall:

        Movies A-Z
        >Movie 1
        >Movie2
        >Movie3

        Sorry nochmal, aber ich hab da noch nicht so ganz durchgeblickt undecided
          • 620
          • 8 Posts
          agentur-23 Reply #4, 16 years ago
          Hallo,

          du gibst ja auch keine zweite ul, li, li a -Klasse an.
          Dein Menü ist einfach als liste definiert. Für eine zweite
          ebene im Menü musst du eine zweite klasse anlegen

          Beispiel:

          *2. Menüebene*/
          li li a { }
          li li a:hover, #left li li a.act {}

          /*3. Menüebene*/
          li li li a { }

          Grüße,
          Sven

            • 12305
            • 4 Posts
            holon Reply #5, 16 years ago
            Danke für eure Hilfe, ich glaub ich steig da so langsam durch grin
              • 28107
              • 230 Posts
              MacConin Reply #6, 16 years ago
              das kennst du?
              http://www.muddydogpaws.com/development/wayfinder/examples.html
                CONIN Werbeagentur . Köln
                http://www.conin.de
                • 12305
                • 4 Posts
                holon Reply #7, 16 years ago
                jup, schon gesichtet, aber bin wie gesagt noch net so ganz dahinter gekommen wie ich des einsetz. So wie agentur-23 es geschrieben hat funktionierts aber wunderbar smiley