TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

#-Zeichen in Typoscript nutzen um CSS ID anzusprechen


Autor Nachricht
Verfasst am: 24. 05. 2012 [12:48]
cored
Themenersteller
Dabei seit: 03.07.2006
Beiträge: 93
Hallo zusammen,
ich müsste direkt im Typoscript eine CSS ID Ansprechen.
Dazu muss ich ja ein # Zeichen nutzen, welches in Typoscript aber einen Kommentar ergibt.

Leider kann ich auch nicht extern auslagern, da ich in das CSS dynamisch per Wrap eine Hintergrundbild einfüge.

Leider kann ich auch eine CSS class verwenden, da ich per javascript über getElementById zugreifen will.

Kennt jemad eine Lösung für mein Problem?

Danke Cored

TYPOSCRIPT
page.headerData.50 = IMG_RESOURCE
page.headerData.50.stdWrap.wrap (
<style type="text/css">
.topimages{
  background:url('|') no-repeat center top;
  width:auto;
  height:350px;
 
}
</style>
)
page.headerData.50.file = GIFBUILDER


Es gibt 10 verschiedene Arten von Menschen, die einen verstehen das Binärsystem, die anderen nicht.
Profil
Verfasst am: 24. 05. 2012 [13:28]
SomehowLost
Dabei seit: 21.12.2005
Beiträge: 273
Hallo,

so wie Du es gemacht hast, kannst Du darin auch eine ID ansprechen, also:
TYPOSCRIPT
page.headerData.50 = IMG_RESOURCE
page.headerData.50.stdWrap.wrap (
<style type="text/css">
.topimages{
  background:url('|') no-repeat center top;
  width:auto;
  height:350px; 
}
#Deine_ID {
  ... sontwas
}
</style>
)


Ansonsten gäbe es zusätzlich die Möglichkeit mit CSS_inlineStyle zu arbeiten:
TYPOSCRIPT
page {
  CSS_inlineStyle (
    #Deine_ID { ...sontwas; }
  )
}


Viele Grüße
Profil