---
title: "XYwert spezifisch in css übernehmen (dynamisch)"
url: "https://www.typo3.net/d/83292-xywert-spezifisch-in-css-uebernehmen-dynamisch"
source: "typo3.net"
tags: ["TYPO3","Menüs","Bilder","Frage"]
created: "2008-10-26"
last_reply: "2008-11-03"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# XYwert spezifisch in css übernehmen (dynamisch)

TYPO3 › Menüs · 1 Antwort · gestartet 2008-10-26

## Eröffnungsbeitrag

**Unbekannter Benutzer** · 2008-10-26 · [Beitrag #1](https://www.typo3.net/d/83292-xywert-spezifisch-in-css-uebernehmen-dynamisch/1)

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

```typoscript
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?

```typoscript
# 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(|); }
}
```

## Antworten

### [#2](https://www.typo3.net/d/83292-xywert-spezifisch-in-css-uebernehmen-dynamisch/2) · Unbekannter Benutzer · 2008-11-03

Da sollte dir:

TSFE:lastImgResourceInfo|0

helfen das bekommst du über getText, also z.B. data oder du benutzt in deinem Fall einen dataWrap.

---

Quelle: „XYwert spezifisch in css übernehmen (dynamisch)“, typo3.net, https://www.typo3.net/d/83292-xywert-spezifisch-in-css-uebernehmen-dynamisch
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
