Hallo und zwar hab ich ein TMENU und mit cobject IMAGE
2 Zustände generiert.. die in css als background verwendet werden sollen... jedoch muss ich mein css dynamisch generieren damit ich die breite in css als variable zu den einzelenen bilder rauslesen kann... hat einer da einen vorschlag?
mein typoscript sieht bisher aus:
Das ist die Navigation
lib.navi = HMENU
lib.navi {
special = directory
special.value = 3
stdWrap.dataWrap = <ul>|</ul>
stdWrap.required = 1
korek_css = padding-bottom:20px;margin-left:1px;text-align:left
aniLen = 800
hideDelay = 5
minCPUResolution = 10
kore_so_x = -2
div_id_layer = yymenu
wrap = <div id=grafik_menue_demo>|</div>
1 = tx_menu_ypslideoutmenu
1 {
expAll = 1
NO = 1
NO {
doNotLinkIt = 1
linkWrap = <li class="lvl1"> | </li>
stdWrap.cObject = COA
stdWrap.cObject{
10 = LOAD_REGISTER
10.css_menue.cObject < temp.css_menue10
10.css_menue_hover.cObject < temp.css_menue20
10.css_menue_ges.cObject = TEXT
10.css_menue_ges.cObject.dataWrap = #mm_id{field:uid} {register:css_menue} #mm_id{field:uid}:hover {register:css_menue_hover} {register:css_menue_ges}
20 = TEXT
20{
field = subtitle//title
typolink {
parameter.field = uid
ATagParams.cObject = COA
ATagParams.cObject{
30 = TEXT
30.dataWrap = id="mm_id{field:uid}"
}
}
}
}
}
}
2 = tx_menu_ypslideoutmenu
2 {
moveTo = down
height = 22
width = 177
expAll=1
NO {
}
}
}
und das sind jeweils die beiden bilder die für beide zustände produziert werden... diese werden dann anschließend als hintergrund geladen... was ich noch definieren müsste ( dynamisch wäre die breite (width:"variable"😉 zu den jeweiligen bilder, da ich die bisher nur statisch hingekriegt habe... hat da einer eine idee wie man das realisieren koennte?
# Angabe für Normalzustand
temp.css_menue10 = IMG_RESOURCE
temp.css_menue10 {
file = GIFBUILDER
file {
XY = 10+[10.w]+20,24
transparentBackground = 1
5 = IMAGE
5 {
file = fileadmin/templates/images/off.png
file.width = 1000
file.height = 24
offset = 0,0
}
6 = IMAGE
6 {
file = fileadmin/templates/images/off-r.png
file.width = 5
file.height = 24
offset = 10+[10.w]+15, 0
}
10 = TEXT
10 {
text.field = title
fontSize = 10
fontFile = fileadmin/templates/fonts/verdanab.TTF
offset = 23,20
fontColor = #ffffff
}
}
stdWrap.wrap = { background-image: url(|); }
}
# Angabe für Hoverzustand
temp.css_menue20 < temp.css_menue10
temp.css_menue20 {
file = GIFBUILDER
file {
XY = 10+[10.w]+20,24
transparentBackground = 1
5 = IMAGE
5 {
file = fileadmin/templates/images/on.png
file.width = 1000
file.height = 24
offset = 0,0
}
6 = IMAGE
6 {
file = fileadmin/templates/images/on-r.png
file.width = 6
file.height = 24
offset = 10+[10.w]+14, 0
}
10 = TEXT
10 {
text.field = title
fontSize = 10
fontFile = fileadmin/templates/fonts/verdanab.TTF
offset = 23,14
fontColor = #ffffff
}
}
stdWrap.wrap = { background-image: url(|); }
}