Seite mit 3 unterschiedlichen Menüs

Spark · 11. Oktober 2007 23:32

Schönen guten Abend,
Was hier folgt ist vielleicht mit ein wenig Ahnunh eine Lapalie, für mich leider derzeit nicht. Die letzten 2 Wochen hab ich tagein tagaus eigentlich kaum etwas anderes gemacht als Tutorials zu wälzen und die HowTo dieses Unterforums durchzurackern. Leider komme ich zu absolut keinen Ergebnissen, finde in der bisher trockenen und fremden Theorie keinen Anhaltspunkt an dem ich meine Fehler erkennen könnte (ausser dass nichts gezeigt wird)

Sofern der Aufwand dafür nicht zu groß ist wäre ich also sehr verbunden wenn die Hilfestellung möglichst idiotensicher, im Idealfall vielleicht sogar direkt mit der Lösung aufwarten könnte. Ich selbst weiß leider absolut nicht mehr weiter und verlier langsam die Motivation mich mit Typo3 und Typoscript zu beschäftigen wenn ich schon bei den Grundvorraussetzungen scheitere.

Vor 3 Wochen wurde ich gebeten eine bisher statische Seite die ich geschrieben hatte mit Typo3 zu versehen. Naiv wie ich bin nahm ich da noch an das ginge ähnlich leicht wie bei den kleineren cms.. naja ich schweife ab. Die Seite besteht aus 3 relevanten Menüs die mir zusetzen.

1. Menü
Befindet sich im Header, die 4 Links bieten Schnellzugriff auf Kontakt, Impressum usw.

2. Menü
Die eigentliche Navigation. Ein vertikal verlaufendes Menü.

3. Menü
Befindet sich im Content. Die links wechseln abhängig davon welche Seite man im 2. Menü angewählt hatte.

Bild: img405.imageshack.us/…/skizzeco9.th.gif

Alle Menüs werden über eine externe css und mittels <li></li> dargestellt. Die css wird in Typo3 erkannt.
Allerdings zeigt sich derzeit halt nur das 2. Menü, und das weißt keine <li>-tags auf sondern setzt die Links in Reih und Glied.

Wie sag ich Typo3 jetzt dass die Links in <li> tags gehören, welche Seiten für Menü1 gedacht sind, und wie ich Menü3 erstelle und abhängig von Menü2 aufbaue?

Bild: img178.imageshack.us/…/listehk0.th.gif
Falls es von Belang ist hier ein Blick auf die erstellte Seitenstruktur (wie sie mir am sinnvollsten schien)
Ganz oben finden sich die vier Seiten die in Menü 1 sollen.
Unten Menü 2, und zusammen- bzw aufgeklappt die Seiten für Menü 3.

Ich sag schonmal Danke für jede Hilfe oder Versuche mich auf den rechten Weg zu bringen 🙂

Spark · 13. Oktober 2007 16:12

Bin leider nach wie vor kein Stück weiter gekommen, und ich fürchte das wird auch nichts wenn sich niemand findet der mir unter die Arme greifen könnte 🙁

Unbekannter Benutzer · 13. Oktober 2007 17:09

Schreib mal deine Marker und Subparts alle in Großbuchstaben...

und dann zeig mal was du bisher hast..

Spark · 13. Oktober 2007 19:41

Oh, ich wusste nicht dass die großgeschrieben werden sollen. Hab es nur so verstanden gehabt dass sie zwischen ### ### stehen müssen. Dacht der Rest sei ziemlich egal.
So dann sieht das ganze als Code so aus.

<body>
    <!-- ###DOCUMENT### -->
    	<div id="logo">
    	    <!-- ###LOGO### -->
            <!-- ###LOGO### -->
        </div>
	    <div id="kopflinks">
                <!-- ###LINKS### -->
                <!-- ###LINKS### -->
	    </div>
	<div id="head">
	    <!-- ###HEAD### -->
	    <!-- ###HEAD### -->
	</div>
	<div id="navigation">
		<!-- ###NAVI### -->
		<!-- ###NAVI### -->
	</div>    
	<div id="contentnavi">
    	<!-- ###CONTENT_NAVI### -->
        <!-- ###CONTENT_NAVI### -->
        </div>
	<div id="content">
		<!-- ###CONTENT### -->
		<!-- ###CONTENT### -->
	</div>
	<div id="footer">
	</div>
	<div id="newsticker">
		<!-- ###NEWS### -->
		<!-- ###NEWS### -->
	</div>
    <!-- ###DOCUMENT### -->
</body>

Und das Typoscript das ich aus einem Tutorial übernommen habe steht bislang so

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/070918_tmo.css
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/startseite.html
workOnSubpart = document
subparts.content < styles.content.get
subparts.navi = HMENU
subparts.navi.1 = TMENU
subparts.navi.1.NO {
linkWrap = <span>|</span>
ATagTitle.cObject = TEXT
ATagTitle.cObject.dataWrap = {field:title}{field:subtitle}|
}
}

Aussehen sollte es so:
Bild: img154.imageshack.us/…/origrx5.th.jpg

Derzeit sieht es so aus:
Bild: img154.imageshack.us/…/typoyt4.th.jpg

karlchen · 13. Oktober 2007 22:54

Hallo,

die 3 Menus sind eigentlich nicht weiter schwer.

Als Vorschlag für dein Oberes Menu.
Packe diese Links alle in einen SysOrdner, (neue Seite anlegen und dann den Typ auf Sysordner umstellen).

dann kann dein oberes Menu so aussehen.
hier wird ein HMENU angelegt und durch die Option special wird gesagt das ein Ordner genommen werden soll. Mit spezial.value gibst du dann die ID des Ordners an.

temp.headermenu = HMENU
temp.headermenu {
	special = directory
	special.value = die ID von deinem Sysordner wo die Links drinne sind
	1 = TMENU
	1 {
		NO.ATagTitle.field = subtitle // description // title
		NO.allWrap =  |&nbsp;&nbsp;&#124; |*| &nbsp;&nbsp;|&nbsp;&nbsp;&#124; |*| &nbsp;&nbsp; |
    		NO.stdWrap.htmlSpecialChars = 1
  
  	
  		ACT < .NO
  		ACT = 1
	  	
		CUR < .NO
 		CUR.doNotLinkIt = 1
 		CUR = 1 
	    }
}

subparts.LINKS < temp.headermenu

(die ID deines Sysordners bekommst du raus, wenn du mit der Maus über dem OrdnerSymbol verweilst, dann wird die ID angezeigt.)

dein Hauptmenu könnte so aussehn

temp.mainMenu = HMENU
temp.mainMenu {
	
		wrap = <ul> | </ul>
		
		1 = TMENU
		1 {
			#stdWrap.wrap = <ul> | </ul>
			noBlur = 1
			NO.ATagTitle.field = description // title
			NO.stdWrap.htmlSpecialChars = 1
 			NO.wrapItemAndSub = <li class="no"> | </li>
 			

 			ACT < .NO
 			ACT.wrapItemAndSub = <li class="act"> | </li> 
 			ACT = 1
 		
 
 			ACTIFSUB =1
 			ACTIFSUB.wrapItemAndSub =  <li class="actifsub"> | </li>
  
 			CUR = 1
 			CUR.doNotLinkIt = 1
 			CUR.wrapItemAndSub = <li class="cur"> | </li>
 
		  }
		  
 		
                


}
subparts.NAVI < temp.mainMenu

hier wird auch wieder ein HMENU genommen und mit "wrap" das ganze in ein <ul> </ul> gepackt, dann werden die verschiedenen Zustände des Menus eine eigene CSS Klasse gepackt mit "wrapItemAndSub = <li class="..."> | </li>"
Die zweite Ebene deines Menus soll ja nun wieder im dritten Menu erscheinen.

hier kannst du wieder ein HMENU nutzen
Unterschied zum hautpmenu ist nur das entryLevel

temp.CONTENT_NAVI = HMENU
temp.CONTENT_NAVI {
   
    entryLevel = 1

        1 = TMENU
         .....

}
subparts.CONTENT_NAVI < temp.CONTENT_NAVI

Mit entrylevel,kannst du ein Menu bauen das nur die jeweilige Ebene darstellt. die Rootseite ist die Ebene Null...

Für weitere Eigenschaften die dir ein HMENU,TMENU, ... bietet, kann man unter http://tsref.de/ nach schauen, dort werden alle Eigenschaften beschrieben.(auf deutsch, allerdings nicht ganz aktuell auch unter: https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Index.html)

desweiteren kann ich Dir nur dieses Tutorial ans Herz legen.
http://www.typo3.net/fileadmin/downloads/dokumentation.pdf

Persönlich finde ich den Weg von TemplaVoila ein wenig besser und bietet für die Gestaltung der Seite auch ein paar weitere Vorteile
http://typo3.org/documentation/document-library/tutorials/doc_tut_ftb1/1.0.1/view/
doch ich denke da wirst du momentan gar keine Lust drauf haben dich da auch noch mit einzuarbeiten 😉

Jetzt allerdings keine Gewähr auf die sofortige Einsatzfähigkeit der Skripte, ein "mini-Debugging" kann man immer machen wenn man auf "Template Object Browswer" umschaltet, dann wird auf eventuelle Fehler hingedeutet, z.B. fehlende Klammern oder ähnliches...

karlchen