Hallo, irgendwie habe ich wohl zu lange kein TPYO3 Projekt mehr gehabt. Ich bekomme es leider nicht mehr hin, ein Menu bzw. Links ohne den Seitennamen zu erstellen.
Im Detail also:
<a href="index.php?id=3" class="button"></a>
Wobei für "button" logischerweise eine Grafik im CSS hinterlegt ist.
Nun meine Frage, wie realisiere ich obigen HTML Code mit Typoscript? Danke schon mal und ich gelobe Besserung. 😉
Scheint wohl nicht so einfach zu sein...
Ich habs jetzt einfach "hart" reingeschrieben, nicht besonders schön, aber es funzt. Falls doch noch jemand eine Idee hat, nur her damit.
Cheers!
Hallo!
Ich habe das so gelöst:
lib.nav = HMENU
lib.nav {
special = list
special.value = 10,11
wrap = <ul class="nav">|</ul>
1 = TMENU
1 {
NO = 1
NO.stdWrap.htmlSpecialChars = 1
NO.stdWrap.wrap = <span>|</span>
NO.wrapItemAndSub = <li class="link1">|</li>||<li class="link2">|</li>
ACT < .NO
ACT.ATagParams = class="active"
}
}
Dann wird so eine Navi generiert:
<ul class="nav">
<li class="link1"><a href="link1.html"><span>Link 1</span></a></li>
<li class="link2"><a href="link2.html"><span>Link 2</span></a></li>
</ul>
Per CSS blendest du dann die Texte aus:
UL.nav LI A SPAN {
display:none;
}
Dann hast Du sogar noch eine barrierefreie Navigation ;-) Und die Hintergrundbilder fügst du ebenfalls per CSS ein, und für aktive Menüpunkte kannst du mit .active A {} andere Bilder hinterlegen...
lg
Gernot
Cool Danke! Auf jeden Fall ein guter Ansatz, da TYPO3 den Linknamen wohl aufoktruiert... Meine Navi ist zwar schon barrierefrei, da ich zusätzlich einen Textlink erstelle, aber so ist es auf jeden Fall sauberer.
Hallo zusammen,
den Linktext bekommt man auch einfacher weg:
...
NO.stdWrap.cObject = TEXT
NO.stdWrap.cObject.value =
...
Grüße
Jochen
Das ist natürlich noch eleganter und die Lösung meiner Wahl. Ich hatte einen ähnlichen Ansatz, allerdings ohne das zusätzliche Content Object. Das war also des Rätsels Lösung. 🙂 Danke nochmal!