Zum Inhalt springen

moderne Drop-down-Menüs

Erstellt am 5. Oktober 2010 · 4 Antworten · letzte Antwort am 5. Oktober 2010

Tags: Frage

Steppo ·

Hallo zusammen,

ich stehe gerade irgendwie auf dem Schlauch. Ich bin auf obengenanntes Menü gestossen und würde es gerne mal ausprobieren. Es ist ein dropdown Listenmenü wobei die Unterpunkte in Spalten angezeigt werden sollen...und da hänge ich gerade irgendwie.

Das Menü um das geht habe ich hier gefunden http://www.muenster-webdesign.net/blog/webdesign-mit-typo3-moderne-drop-down-menues/

Anzusehen ist es hier http://www.modellbahntechnik-aktuell.de/

Es wird ein UL > Li angefangen und nach vier Unterpunkten wird gebrochen und es wird von Neuem begonnen mit UL > Li usw.
Bei mir werden die Punkte alle Untereinander angefangen und es fehlt auch dieser Umbruch.

Hier mal mein verwendetes TS

temp.top_navigation = COA
temp.top_navigation {

	10 = TEXT
	10.value = <a id="navigation" name="navigation"></a>
	10.stdWrap.prefixComment = 2|Output of temp.top_navigation.10

	20 = HMENU
	20 {
		stdWrap.prefixComment = 2|Output of temp.top_navigation.20
		wrap = <div id="nav_main">|</div>
		
		special = directory
		special.value = {$nTopNav}
		
		entryLevel = {$tabNavEntryLevel}
		excludeUidList = {$tabNavExcludeList}
		1 = TMENU
		1 {
			expAll = 1
			noBlur = 1
			wrap = <ul>|</ul>
			
			NO = 1
			NO.ATagTitle.field = abstract // description // subtitle
			NO.wrapItemAndSub = <li>|</li>
			
			NO.linkWrap = <span>|</span>
			NO.ATagBeforeWrap = 1
			NO.stdWrap.htmlSpecialChars = 1
			ACT = 1
			ACT < .NO
			ACT.wrapItemAndSub = <li id="current">|</li>
			
			ACTIFSUB = 1
			ACTIFSUB < .NO
			ACTIFSUB.wrapItemAndSub = <li id="current" class="hassub">|</li>
			
			IFSUB = 1
			IFSUB < .NO
			IFSUB.wrapItemAndSub = <li class="hassub">|</li>
			
			CURIFSUB = 1
			CURIFSUB < .NO
			CURIFSUB.wrapItemAndSub = <li id="current" class="hassub">|</li>
}

		2 = TMENU
		2 {
			itemArrayProcFunc = user_menuManipulations->user_generateSubmenu
			noBlur = 1
			stdWrap.wrap = <div class="nav_sub"> <ul class="sub_box"> | </ul></div>
			
			NO = 1
			NO.wrapItemAndSub = <li>|</li>
			NO.doNotLinkIt = 0
		}
	}
}

Irgendwie stehe ich gerade etwas auf dem Schlauch und hoffe jemand hat ein paar Tipps für mich.

Viele Grüße

igorshmigor ·

Hast du die PHP-Datei auch per includeLibs inkludiert?
Abgesehen davon wäre das auch viel einfacher mit optionSplit möglich gewesen.

Steppo ·

die PHP Datei wurde inkludiert.

includeLibs.menuManipulation = media/scripts/user_menuManipulations.php

Hättest Du ein Beispiel für eine alternatvie?

igorshmigor ·

Ja, ungefähr so:

1.wrap=<ul>|</ul>
1.NO.wrapItemAndSub = <li>|</li> || <li>|</li> || <li>|</li> || <li>|</li> || </ul><ul><li>|</li> || <li>|</li> || <li>|</li> || <li>|</li> || </ul><ul><li>|</li> || <li>|</li> || <li>|</li> || <li>|</li>

So wird nach jedem vierten Element die Liste geschlossen und eine neue gestartet.

Steppo ·

TOP! Nun schauts wie gewünscht aus...
Es gibt manchmal so Tge da sollte man einfach mal im Bettchen liegen bleiben #paralyzed#

Danke und noch nen schönen Tag. Hast mir Prima geholfen.