Zum Inhalt springen

Menüerstellung

Erstellt am 22. Februar 2012 · 7 Antworten · letzte Antwort am 26. März 2012

Tags: Frage

p4tm4n ·

Hallo allerseits,

ich bin leider ein ziemlicher Anfänger was TypoScript und Menüerstellung betrifft. Ich hab's auch schon mit der SuFu funktioniert, nur weiß ich nicht recht wie ich nach meiner Problemstellung suchen sollte.

Und zwar wüsste ich gerne, wie man Menüs erstellt bzw. nennt die dem folgenden Beispiel folgen:

http://www.htl.rennweg.at/

Würde mich sehr über Hilfe freuen.

mfG
Patrick

Chrissli ·

Hallo Patrick,

das links und rechts nennt man "MENÜ" und das in der
Mitte "Content". Gestaltet wird das im Großen und Ganzer per "CSS" und "HTML".

Spass beiseite!
So ein Menü erstellst du Beispielsweise so:

temp.linkesMenue = HMENU
temp.linkesMenue {
	#nur aufgezaehlte seiten im menu einzeigen
	special = directory
	special.value = 3
	#Erste Ebene
	1 = TMENU
	1 {
		wrap = <ul class="nav">|</ul>
		#Erste Ebene immer ausklappen
		expAll = 1
		#Normaler Zustand
		NO = 1
		NO {
			wrapItemAndSub = <li>|</li>
			linkWrap = &gt;|
		}
		#aktivzustand
		ACT < .NO
		ACT {
			wrapItemAndSub = <li class="active">|</li>
			linkWrap = &raquo;|
		}		
		ACTIFSUB < .ACT
	}
	#Konfig der ersten Ebene in die 2. kopieren und anpassen
	2 < .1
	2 {
		wrap = <ul>|</ul>
	}
	#und so weiter bis zur 3. ebene
	3 < .2	
}

#menu kopieren fuer die andere seite
temp.rechtesMenue < .temp.linkesMenue
temp.rechtesMenue {
	special.value = 15
}
page = PAGE
page.10 < temp.linkesMenue
page.20 < temp.rechtesMenue

Deine Seitenstruktur sollte dann etwa so aussehen:

Home
	SidebarLinks ( steht auf "do not show in menu" in den Seiteneigenschaften )
		Unsere Schule
			Startseite
			Kontakt & Lehrplan
			Termine
				Schulfreie Tage 2011/12
				Termine 2011/12(pdf)
			Wir überuns
			...
		Infos
			Allgemines & Presse
			..
	SidebarRechts ( wie SidebarLinks )
		Service
			eLearning (moodle)
			Stundenplan
			...
		Demnächst
		...

Der Teil unter demnächst ist etwas komplizierter, kann aber z.b. mit den Untertiteln umgesetzt werden.
Der Rest ist CSS.
Prinzipiell würde ich dir aber raten dir mal die Typo-Script Referenz und Dokumentation aus der Sidebar links ( auf dieser Seite )
zu Gemüte zu führen, denn Menüs sind absolute Typo3-Grundlagen

p4tm4n ·

Erstmals danke für die Antwort.

Ich habe aber leider nicht wirklich eine Ahnung wie ich das angehen soll. Brauch ich für die Menüerstellung nur TypoScript oder auch z.B. HTML?

Dass ich mich mit TypoScript beschäftigen muss ist mir klar 😉

mfG
Patrick

p4tm4n ·

Danke für die Antworten. Hab mich schon durchgelesen und blick mich auch schön langsam durch 🙂

Ich hab aber noch Probleme mit dem ausklappen der Menüs. Also die sollen standardmäßig ausgeklappt sein. Zumindest die 1. Ebene.

Und weiß vielleicht jemand wie man den Header im CSS-File in 3 Teile teilt, passend zum 3-spaltigen Layout?

mfG
Patrick

p4tm4n ·

Wie könnte ich den Teil unter "Demnächst" realisieren? Die Termine sind in der Typo3-Datenbank gespeichert.

mfG
Patrick

zeroalpha ·

Hallo Patrick,

sieht doch schon sehr gut aus...

Anmerkung - grau als hover bei den Links mit grauem Hintergrund ist nicht so optimal.

Aber jetzt zu deiner Frage: Was willst du denn da realisieren oder wo liegt dein Problem?

p4tm4n ·

Nein, das ist nicht meine Seite, sondern nur ein Beispiel 🙂

Ich würd's gern so machen wie unter "Demnächst".

Bei der Farbe stimme ich dir aber zu 😃

mfG
Patrick