Hallo allerseits!
Ich möchte ein xhtml Valides Listen Menü dieser Art generieren:
HTML-Code:
<ul> <li><a href="#">Menüpunkt</a></li> </ul>
Soweit natürlich kein Problem.
Nun wurde als Schriftart im Layout keine Systemschrift genutzt, was ja den Einsatz von Bilder (GIFBUILDER, GMENU?) nötig macht.
Ich schaffe es auch, mir folgendes zu generieren:
HTML-Code:
<ul> <li><a href="#"><img src="image.gif" alt="Menüpunkt" /></a></li> </ul>
Ich möchte jedoch gerne sowas:
HTML-Code:
<ul> <li><a href="#" style="background-image: url(image.gif);">Menüpunkt</a></li> </ul>
Ist sowas überhaupt möglich?
Denn z.B. eine Headline mit background-image unter Einsatz von Image-Replacement Techniken zu generieren klappt ja wunderbar
Mein TS sieht bis Dato so aus (Grafische Schrift erst ab der zweiten Ebene )
Typoscript-Code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
| lib.mainNav = HMENU
lib.mainNav{
special = directory
special.value = 2
noBlur = 1
entryLevel = 1
wrap = <ul id="lst-main-nav">|</ul>
1 = TMENU
1 {
NO.allWrap = <li>|</li>
NO.stdWrap.htmlSpecialChars = 1
NO.allStdWrap.insertData = 1
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allStdWrap.insertData = 1
ACT.allWrap = <li> | </li>
}
2 = GMENU
2.NO = 1
2.NO {
noLink = 1
wrap = <li>|</li>
backColor = #019D36
10 = TEXT
10.XY = [10.w],[10.h]
10.fontSize = 16
10.fontColor = #ffffff
10.fontFile = fileadmin/fonts/Hum521It.ttf
10.niceText = 1
10.offset = 0, 30
10.text.field = title
}
} |
Natürlich ist selbst dieser Code-Schnippsel noch verbesserungsbedürftig. Klappt allerdings soweit ganz gut; ist aber nicht das, was ich wirklich erreichen möchte.
Kann mir da jemand n Tipp geben ... ?