Gestern hat Frank beschrieben wie man AJAX Konflikte zwischen valider Ausgabe und cc_debug verhindert. Heute geht es wieder um TS. Ich habe ein wenig in den zahlreiches TS Codes gewühlt und wollte euch nun ein sauberes grafisches Menü vorstellen.
lib.mainNav = HMENU
lib.mainNav.1 = TMENU
lib.mainNav.1.wrap = <ul id="main-nav">|</ul>
lib.mainNav.1 {
# Bis hier hin ein normales TMENU
NO.doNotLinkIt = 1
NO.wrapItemAndSub = <li>|</li>
NO.stdWrap.cObject = COA
NO.stdWrap.cObject {
10 = TEXT
10 {
field = title
typolink {
parameter.field = uid
ATagParams.cObject = COA
ATagParams.cObject {
10 = IMG_RESOURCE
10.file = GIFBUILDER
10.file {
#
# Baue hier deine Grafik mit TEXT, IMAGE, BOX etc. zusammen
#
}
10.stdWrap.dataWrap = title="{field:title}" style="width:{TSFE:lastImgResourceInfo|0}px;background-image:url('/|');"
}
}
}
}
}
Der Clou an dem ganzen ist der letzte dataWrap. Durch diesen wird die generierte Grafik als Background in den Anker geladen. Zusätzlich wird die Breite gesetzt, damit es zu keinen Problemen mit CSS etc. kommt.
Viel Spaß damit.
