Hallo Leute,
ich habe ein Textmenü, dass unterschiedliche Hintergrundgrafiken (Piktogramme) enthalten soll. Alle Hintergrundgrafiken stehen mir zusammengefasst in einem Sprite zur Verfügung. Idealerweise würde ich gern die Hintergrundgrafiken per CSS und mit diesem PNG-Sprite verwenden.
Welche Möglichkeiten habe ich?
Viele Grüße
Nachtrag (28.5.2013): Könnte man evtl. ähnlich von Content-Elementen jedem Menupunkt eine zusätzliche eigene Klasse mitgeben. Dieser Klasse könnte man doch dann per CSS ein eigenes Hintergrundbild verpassen...
Bin im Internet auf folgenden TypoScriptCode gestoßen:
... id="sub{register:count_HMENU_MENUOBJ} ...
Diesen habe ich in mein "NO.linkwrap" mit eingebaut. Leider wird das "{register:count_HMENU_MENUOBJ} im Quelltext nicht umgesetzt, sondern erscheint 1:1. Ich nutze TYPO3 in der Version 4.6. Kann es sein, dass dort dieses Element nicht mehr funktioniert?
Hi,
doch doch das sollte alles noch funktionieren.
Doch schaue dir die Beispiel wo du das gefunden hast nochmal an. "{register:count_HMENU_MENUOBJ}" diese Schreibweise ist eine Art Platzhalter um diese jedoch mit den Werten zu ersetzen muss TYPO3 dazu extra aufgefordert werden.
In diesem Beispiel wird es mit "insertData = 1" gemacht.
http://typo3.intervation.de/snippets/grundlage/register-fuer-hmenu
lib.menue_extra = COA
lib.menue_extra.10 = HMENU
lib.menue_extra.10 {
special.value = 61
special = directory
1 = TMENU
1 {
noBlur = 1
NO.wrapItemAndSub.insertData = 1
NO.wrapItemAndSub = <li class={register:count_HMENU_MENUOBJ}> | </li>
}
oder wie hier mit "dataWrap", wenn das genutzt wird, bzw wenn man das an der Stelle nutzen kann, braucht man kein extra insertData = 1
http://www.typo3forum.net/forum/typo3-4-x-fragen-probleme/16295-nummer-aktuellen-menuepunktes.html
marks._TEST = HMENU
marks._TEST {
entryLevel = 2
1 = TMENU
1.expAll = 0
1.NO {
doNotLinkIt = 1
doNotShowLink = 1
}
1.ACT = 1
1.ACT {
doNotLinkIt = 1
doNotShowLink = 1
before.cObject = TEXT
before.cObject.dataWrap = { register:count_HMENU_MENUOBJ } - { register:count_menuItems }
}
}