Moin, moin,
nachdem ich dann doch einige Zeit dran gebastelt habe und eine Weile für die Lösung brauchte, möchte ich meine Lösung hier dokumentieren. Herauskommen sollte eine Website herauskommen, welche links das Menü der ersten Ebene anzeigt, auf der rechten Seite die Einträge der Ebenen 2 und 3 (natürlich nur, wenn auch Einträge vorhanden sind).
<img src="http://www.contratec.de/download/typo3-template.gif">
Also:
1. Neues Template erzeugen OHNE eine Vorlage auszuwählen
2. Template editieren und den Beispiel-TScode gegen folgenden ersetzen:
page = PAGE
page.typeNum = 0
page.bodyTag = <body bgcolor = "white">
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/templates/FirstTry/index.html
workOnSubpart = DOC_BODY
marks.OI = CONTENT
marks.OI.table = tt_content
marks.MENU1 = HMENU
marks.MENU1.entryLevel = 0
marks.MENU1.1 = TMENU
marks.MENU1.1.expAll = 1
marks.MENU1.1.NO.linkWrap = <font face="Arial" size="2"><B>|</B><font><BR>
marks.MENU2 = HMENU
marks.MENU2.entryLevel = 1
marks.MENU2.1 = TMENU
marks.MENU2.1.expAll = 1
marks.MENU2.1.NO.linkWrap = <font face="Arial" size="1"><B>|</B></font><BR>
marks.MENU3 = HMENU
marks.MENU3.entryLevel = 2
marks.MENU3.1 = TMENU
marks.MENU3.1.expAll = 1
marks.MENU3.1.NO.linkWrap = <font face="Arial" size="1"><B>|</B></font><BR>
marks.PFAD = HMENU
marks.PFAD {
special = rootline
special.range = 1|-1
1 = TMENU
1.target = _self
1.wrap = <font face="Arial" size="1">|</font>
1.NO.linkWrap = | >
1.NO.before =
}
}
Die folgende HTML Vorlage in Datei speichern und an eine beliebige Stelle unterhalb von FILEADMIN kopieren. Falls nicht der Pfad und Dateiname: fileadmin/templates/FirstTry/index.html genutzt wird, muss dieser im TSCode angepasst werden (Zeile acht).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<!--###DOC_BODY###-->
<table width="800" border="1" cellspacing="0" cellpadding="10">
<tr>
<td valign="top" colspan="3">###PFAD###</td>
</tr>
<tr>
<td valign="top" align="left" width="100">###MENU1###</td>
<td valign="top" align="left">###OI###</td>
<td valign="top" align="right" width="80">###MENU2###<p>###MENU3###</td>
</tr>
</table>
<!--###DOC_BODY###-->
</body>
</html>
Anschliessend alles speichern und kontrollieren.
Anmerkungen gerne erbeten.
Hallo Leute,
wollte mal diese Sache vereinfachen und ein normales Menue mit drei Ebenen versuchen. Als Grundlage probiere ich mit dem Buch von A.Stöckl rum der in seiner WebSite allerdings nur 2 Ebenen hat:
Wollte das jetzt auf z.B 3 Ebenen erweitern:
Also Ausgangspunkt ist ein Marker ###Menue###:
[...]
main.10 = TEMPLATE
main.10.template = FILE
main.10 {
template.file = fileadmin/index.html
workOnSubpart = DOCUMENT
marks.CONTENT < styles.content.get
###############
# Hauptmenü Anfang
###############
marks.MENUE = HMENU
marks.MENUE.1 = TMENU
marks.MENUE.1.NO {
allWrap = <tr><td>|</td></tr>
#beforeImg = fileadmin/img/pfeilchen.gif
#beforeROImg = fileadmin/img/pfeilchen.gif
RO = 1
}
# Aussehen Menüpunkt "active"
marks.MENUE.1.ACT = 1
marks.MENUE.1.ACT {
allWrap = <tr><td>|</td></tr>
#beforeImg = fileadmin/img/pfeilchen.gif
}
# Aussehen Menüpunkt 2.Ebene
marks.MENUE.2 = TMENU
marks.MENUE.2.NO {
allWrap = <tr><td>->|</td></tr>
beforeImg = fileadmin/img/pfeilchen.gif
beforeROImg = fileadmin/img/pfeilchen.gif
RO = 1
}
# Aussehen Menüpunkt 2.Ebene "active"
marks.MENUE.2.ACT = 1
marks.MENUE.2.ACT {
allWrap = <tr><td>->|</td></tr>
beforeImg = fileadmin/img/pfeilchen.gif
beforeROImg = fileadmin/img/pfeilchen.gif
}
Bis hierhin funktioniert das auch!!
Also habe ich mir gedacht kopierst Du einfach den 2. Part also die 2. Ebene und änderst sie nur um in:
# Aussehen Menüpunkt 3.Ebene
marks.MENUE.3 = TMENU
marks.MENUE.3.NO {
allWrap = <tr><td>->|</td></tr>
beforeImg = fileadmin/img/pfeilchen.gif
beforeROImg = fileadmin/img/pfeilchen.gif
RO = 1
}
# Aussehen Menüpunkt 2.Ebene "active"
marks.MENUE.3.ACT = 1
marks.MENUE.3.ACT {
allWrap = <tr><td>->|</td></tr>
beforeImg = fileadmin/img/pfeilchen.gif
beforeROImg = fileadmin/img/pfeilchen.gif
}
Die Titel werden zwar angezeigt aber auch unterhalb der 2 Ebene, also nicht als dritte Ebene etwas seitenversetzt.
Wenn ich mir dann oben den Quelltext von mstuebner anschaue muss ich dann wie er einfach nur noch die Marker ###MENUE2### und ###MENUE3### in die html einfügen und dann die marks im Quellcode setzen oder gibt es noch einen anderen Weg??
liebe grüsse
leo
Hi...
kurze Frage: Ich habe ein ähnliches Layout.. allerdings habe ich bei mir die Links 4. und 5. Eben auf der rechten Seite in einer Box. Verschwindet die komplette Box bei diesem Script? also dass sie nur auftaucht, wenn ich sie brauche?
danke schonmal
Jo, nachdem ich die Ebene wieder verlasse sieht man nur noch die jeweilige Hauptrubrik!!
Schau mal unter www.cyberhouse.at und klicke da mal auf die Links im Menue!
leo
jo, das is ja klar, aber ich meine eine neue box auf der rechten seite die nur dann erscheint wenn auch links dafür da sind.. sowas suche ich
absoluter Quatsch mein Post,
es liegt an den transparenten Bildern die im Menue verschiedene Breiten haben!!
bin I a Depp??
🙂
leo