Hallo!
Folgendes Problem:
ich möchte eine Navigation bestehend aus Images realisieren.
Die Images (normal und hover) werden im Backend über das Seiten-modul (Einstellung: 'Erweitert') in die DB geschrieben.
Zu finden ist das Bild dann auch im Ordner /uploads/media/image.jpeg
Einbinden möchte ich das Bild mithilfe von CSS und das sollte dann so (fetig gerendert) aussehen:
<span style="background:url(uploads/media/image.jpeg);">Link 1</span>
wie kann ich das dynamisch mittels typocript einbinden?
...
marks.SUBMENU.1.NO {
linkWrap = <span style="background:url(uploads/media/???)">|</span>
wrapItemAndSub = <li>|</li>
}
...
dank schon mal für eure Zeit
mfG
#98502
mit den Infos unter Punkt 2.) kannst Du sicherlich was anfangen... 😉
*NACHOBENSCHIEB*
Hallo! - danke dür den Tipp!
irgendwie bekomme ich die Geschichte doch nicht zum laufen:
mein Typoscript für das Untermenü:
#
# Submenu LEVEL 1
#
marks.SUBMENU = HMENU
marks.SUBMENU.entryLevel = 1
marks.SUBMENU.1 = TMENU
marks.SUBMENU.1.wrap = <ul class="submenu">|</ul>
marks.SUBMENU.1.NO {
linkWrap = <span>|</span>
wrapItemAndSub = <li>|</li>
}
marks.SUBMENU.1.ACT = 1
marks.SUBMENU.1.ACT {
linkWrap = <span class="active">|</span>
wrapItemAndSub = <li class="active">|</li>
}
liefert folgendes Ergebnis:
<ul class="submenu">
<li><span><a href="who/knows/">submenu link1</a></span></li>
<li><span><a href="any/where/">submenu link2</a></span></li>
</ul>
gewünschtes Ergebnis:
<ul class="submenu">
<li><span style="background:url(uploads/media/menuimg1.jpg) display:block; height:20px; width:100px;"><a href="who/knows/">submenu link1</a></span></li>
<li><span style="background:url(uploads/media/anotherimg.jpg) display:block; height:20px; width:100px;"><a href="who/knows/">submenu link2</a></span></li>
</ul>
oder noch besser wäre es die Anweisungen direkt in den link unterzubringen:
...
<li><a style="background:url(uploads/media/img.jpg); display:block; height:20px; width:200px;" href="...">submenu link</a></li>
...
danke schon mal im vorraus