Hallo...
ich bin neu in Typo-Scripts seit knapp 3 Wochen und hatte auch einige Anfangsprobleme vor allen mit mehreren Menüebenen und der "Anfängerdokumentation" von "Robert Meyer".
Ich hab auch sehr viel hier im Forum gefunden dazu doch so ganz klappte es nie. Nun habe ich mir eine, aus meiner Sicht auch für Anfänger eine verständliche Lösung zu der Menuproblematik gefunden und sie funktioniert auch.
Dies möchte ich gerne allen hier zur Verfügung stellen und schreib daher den Eintrag.
Ich hoffe es klappt mit den Eintrag und den Code.
Die am ende des Typo-Scripts auskommentierten Zeilen sind die ausführliche Version der Menu- Definition.
seite = PAGE
seite {
typeNum = 0
#in der Dokumentation steht typeNum=1 doch damit geht garnichts
bodyTag = <body text="#00FFAF" bgcolor="#0000FF" link="#FFFFFF" alink="#00C070" vlink="#FFCC77">
#stylesheet = fileadmin/bitost/vierframe.css
#diese Datei kann man vergessen egal was in der CSS-Datei geschrieben ist
#der Inhalt wird einfach ignoriert
meta.AUTOR = MR_BITOST
mete.DESCRIPTION = vier Frames Windows über HTML in TYPO3
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/bitost/frametab2.html
10.workOnSubpart = DOKUMENT
10.marks{
menue_lings_obenA = HMENU
menue_lings_obenA {
1.special = directory
1.special.value = 39
1 = GMENU
1.NO = 1
1.NO {
XY = 250,20
# XY = der erste wert ist die Grafikbreite in Pixeln
# XY = der zweite wert ist die höhe jedoch auch angepasst des Menues
backColor = #00E090
wrap = <br />
10 = TEXT
10.text.field = title
10.fontColor = #0000FF
10.fontFile = fileadmin/bitost/fonts/arialnbi.ttf
10.fontSize = 10
10.niceText = 0
10.offset = 1, 15
20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 250,1
backColor = #FF0000
}
20.offset = 1, 19
}
1.RO < .1.NO
1.RO.backColor = #FFEE00
2 < .1
2.NO = 2
2.NO {
backColor = #FF007F
10.fontColor = #00FFBF
10.offset = 15,15
20.file {
backColor = #FFFF00
}
}
2.RO < .2.NO
2.RO.backColor = #FF0000
3 < .2
3.NO = 3
3.NO {
backColor = #00DF00
10.fontColor = #0000FF
10.offset = 25,15
20.file {
backColor = #FFFF00
}
}
3.RO < .3.NO
3.RO.backColor = #00C070
4 < .3
4.NO = 4
4.NO {
backColor = #AF00FF
10.fontColor = #00FFAF
10.offset = 35,15
20.file {
backColor = #FFFF00
}
}
4.RO < .4.NO
4.RO.backColor = #00C070
# 2 = GMENU
# 2.NO = 2
# 2.NO {
# XY = 250,20
# backColor = #FF007F
# wrap = <br />
# 10 = TEXT
# 10.text.field = title
# 10.fontColor = #0000FF
# 10.fontFile = fileadmin/bitost/fonts/arialbi.ttf
# 10.fontSize = 10
# 10.niceText = 0
# 10.offset = 15, 15
#
# 20 = IMAGE
# 20.file = GIFBUILDER
# 20.file {
# XY = 250,1
# backColor = #FFFF00
# }
# 20.offset = 1, 19
# }
# 2.RO < .2.NO
# 2.RO.backColor = #FFEE00
#
# 3 = GMENU
# 3.NO = 3
# 3.NO {
# XY = 250,20
# backColor = #00DF00
# wrap = <br />
# 10 = TEXT
# 10.text.field = title
# 10.fontColor = #0000FF
# 10.fontFile = fileadmin/bitost/fonts/arialbi.ttf
# 10.fontSize = 10
# 10.niceText = 0
# 10.offset = 25, 15
#
# 20 = IMAGE
# 20.file = GIFBUILDER
# 20.file {
# XY = 250,1
# backColor = #FFFF00
# }
# 20.offset = 1, 19
# }
# 3.RO < .3.NO
# 3.RO.backColor = #00C070
# 4 = GMENU
# 4.NO = 4
# 4.NO {
# XY = 250,20
# backColor = #AF00FF
# wrap = <br />
# 10 = TEXT
# 10.text.field = title
# 10.fontColor = #00FFAF
# 10.fontFile = fileadmin/bitost/fonts/arialbi.ttf
# 10.fontSize = 10
# 10.niceText = 0
# 10.offset = 35, 15
#
# 20 = IMAGE
# 20.file = GIFBUILDER
# 20.file {
# XY = 250,1
# backColor = #FFFF00
# }
# 20.offset = 1, 19
# }
# 4.RO < .4.NO
# 4.RO.backColor = #00C070
}
}
}
Diese Lösung hat nur ein kleines Problem, wenn man mehrere unterschiedliche Untermenus hat die aus der gleichen ebene rauskommen, haben beide den gleichen Hindergrund und Farbe.
Also in etwa so:
|-Ebene1a
|-Ebene1b
| |-Unter-ebeneneintrag1
| |-Unter-ebeneneintrag2
| |-Unter-ebeneneintrag3
|-Ebene1c
|-Ebene1d
| |-Unter-ebeneneintrag4
| | |-Unter-unter-ebenen eintrag1
| | |-Unter-unter-ebenen eintrag2
| | | |-Unter-unter-unter-ebenen1
| | | |-Unter-unter-unter-ebenen2
| | |-Unter-unter-ebenen eintrag3
| |-Unter-ebenen eintrag5
|-Ebene1e
|- u.s.w.
Alle (Ebene1a bis 1e), haben die gleichen Hindergrund und Fonts Farben.
Alle (Unter-ebenebeintrag1 bis 5), haben die gleichen Farben.
Alle (Unter-unter-ebeneb eintrag1 bis 3), haben die gleichen Farben.
Eben so auch alle (Unter-unter-unter-ebeneb1 und 2), haben auch die Gleichen Farben.
Egal an welcher Stelle das Menu wieder auf die gleiche ebene kommt.
Sozusagen vier Menuebenen = vier verschiedene bgColor und fontColor Farben.
Als Ergänzung liefere ich gleich noch den passenden grund HTML-Code dazu um es zu verdeutlichen.
<html>
<head>
<title>FrameTabfür Typo3</title>
<meta name="author" content="Mr_BitOst" />
<meta name="generator" content="Ulli Meybohms HTML EDITOR" />
</head>
<body text="#AFBBFF" bgcolor="#00FFAF" link="#FFFFFF" alink="#00C070" vlink="#CFCFCF">
<!-- ###DOKUMENT### begin -->
<div align="center">
<table border="4" bordercolor="#FF00FF" bgcolor="#00F0FF">
<tr bgcolor="#AF00FF" colspan="2">
<td><div align="center"><img src="fileadmin/bitost/Logo1.JPG" width="250" height="100" border="0" alt="" /></div><!--###logo###/--></td>
<td>
<div align="center"><table border="0" bgcolor="#0000FF">
<tr>
<td><div align="center">###oben###</div></td>
</tr>
<tr>
<td><div align="right">###obenA###</div></td>
</tr>
</table></div>
</td>
</tr>
<tr>
<td rowspan="2">
<div align="center"><table bgcolor="#FFFF00">
<tr height="300" valign="top">
<td>###menue_lings_obenA###</td>
</tr>
<tr>
<td rowspan="3"><div align="center">###menue_lings###</div></td>
</tr>
</table></div>
</td>
<td>
<div align="center"><table>
<tr>
<td><div align="center">###text###</div></td>
<td><div align="center">###menue_rechts###</div></td>
</tr>
<tr>
<td colspan="2"><div align="center">###unten###</div></td>
</tr>
</table></div>
</td>
</tr>
</table>
<br />
<br />
<br />
<br />
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
Ich habe auch versucht mit "FRAMES" zu arbeiten doch die Dokumentation ist in diesen fall mehr als dürftig und funktioniert nicht mal. Hier im Forum habe ich dazu auch was gefunden, doch auch das half mir nicht weiter. Da war dann mal noch ein Eintrag eines Users des Forums "...lass die FRAMES - FRAMES sein, schmeiß die alle raus und baue alles auf Tabellen um ....". Nun Tabellen gut und schön angesichts der schwachen Dokumentation mit funktionierenden Beispielen, sind Tabellen eine akzeptable Alternative haben jedoch das große Manko, das die Tabellen sich zwar in TYPO3-im Frontend zwar den Inhalten anpassen aber sich nicht wie die FRAMES(von HTML) den Monitoreinstellung- und Auflösung des Besuchers der Seite anpassen können. wie geht das in TYPO3?
Ich hoffe ich konnte allen die dieses Menuproblem und ähnliche Problem haben mit meinen Beispiel helfen.
salü Harry