Hallo!
Ich habe eine Frage, wie in folgendes in Typoscript umsetzen kann.
Ich erzeuge hiermit meine Navigation (eine Tabelle, mit Pfeil + Seitenname + in der Zeile drunter ne Linie):
page.30 = HMENU
page.30{
wrap = <div id="navigation"> | </div>
1 = TMENU
1 {
wrap = <table width="165" border="0" cellpadding="0" cellspacing="0"> | </table>
NO.linkWrap = <tr><td width="20"><img src="pfeil.gif" width="17" height="17" alt="" /></td><td> | </td></tr><tr> <td colspan="2"><img src="menue-line.gif" width="151" height="7" alt="" /></td></tr>
CUR < .NO
CUR = 1
CUR.ATagParams = style="color:#F06F09;font-weight:normal;font-size:11px";
}
}
> Home
----------
> Punkt1
----------
> Punkt 2
---------- // <<--- das hier soll weg 🙂
Nun möchte ich gerne die Linie hinter der letzten Zeile weghaben. Meine erzeugte Navigation soll also nicht mit einer Linie enden, sondern mit dem Seitennamen aus der Navigation (hier: Punkt 2). Wie setze ich das am besten mit den wraps um?
Das mit der Linie kannst du mit OptionSplit machen:
https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Functions/OptionSplit.html
Anzuraten ist keine Tabelle als Naviagtion zu verwenden.
Zum zweiten würde ich einfach das Menü in ein COA hängen. Das Menü z.B. an 10 und den letzten Punkt dann aus den Seiteneigenschaften auslesen, eventuell falls gewünscht mit typolink versehen und an 20 einfügen.
Beispiele gibts satt und reichlich im Forum.
Vielen Dank für den Tipp!
Hab es so hinbekommen:
page.30 = HMENU
page.30 {
wrap = <div id="navigation"> | </div>
1 = TMENU
1 {
wrap = <table width="165" border="0" cellpadding="0" cellspacing="0"> | </table>
NO = 1
NO {
linkWrap = <tr><td width="20"><img src="pfeil.gif" width="17" height="17"></td><td>|</td></tr><tr> <td colspan="2"><img src="menue-line.gif" width="151" height="7"><tr><td width="20"><img src="pfeil.gif" width="17" height="17"></td><td>|*||</td></tr><tr> <td colspan="2"><img src="menue-line.gif" width="151" height="7"><tr><td width="20"><img src="pfeil.gif" width="17" height="17"></td><td>|*||
}
CUR < .NO
CUR = 1
CUR.ATagParams = style="color:#F06F09;";
}
}
Zuerst hatte ich versucht die Navigation mit einer <ul> (+<li> mit Grafik) zu realisieren, jedoch ist es da uU schwieriger sich an das vorgegebene Design zu halten (Zeilenabstände, Text mittig hinter dem Pfeil,..).