So schreiben Sie Hintergrundbilder sprachabhängig über CSS
Veröffentlichungsdatum: 16. März 2011
Änderungsdatum: 26. Juli 2012
hintergrundbild hintergrundgrafik background-image css
Dieser Artikel beschreibt, wie Sie ein Hintergrundbild sprachabhängig über CSS im Kopf der Datei hinterlegen.
Ein Hintergrundbild können Sie abhängig von der aktuellen Sprache des Projektes ausgeben.
Setzen Sie hierzu über die Parameter-Datei (standard.wParams.php) eine globale Variable. Diese ist in der BASE Projektbasis bereits definiert und muss ggf. nur noch einkommentiert werden (wLanguageProject).
Beispiel: Auszug aus /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/misc/standard.wParams.php mit wLanguageProject
... <xsl:variable name="wLanguageProject"><xsl:value-of select="php:functionString('wProjectCur::getLanguage', $wProjectPath)" /></xsl:variable> ...
Auf diese globale Variable können Sie im Standard-Template zurückgreifen und abhängig von der Projektsprache z.B. die Hintergrundgrafik für den Fußbereich anders anzeigen. Hierzu empfiehlt es sich, die CSS-Definition zur angesprochenen Klasse zu registrieren, siehe Beispiel.
Beispiel: Auszug aus /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/misc/includes.global.php mit wLanguageProject
... <!-- System-Parameter einbinden --> <xsl:include href="$XSLTPRE[wDocumentRoot]/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/templates/misc/standard.wParams.php" wd:pathTemplate="misc/standard.wParams.php"/> ... ... <div id="blockBottom"> <xsl:choose> <xsl:when test="$wLanguageProject = 'en'"> <xsl:value-of select="php:functionString('wPageCur::registerCss', '#blockBottom {background-image:url(/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/backgrounds/bottom-back-en.gif);background-position:left;background-repeat:repeat-x;}')"/> </xsl:when> <xsl:otherwise> <xsl:value-of select="php:functionString('wPageCur::registerCss', '#blockBottom {background-image:url(/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/images/backgrounds/bottom-back.gif);background-position:left;background-repeat:repeat-x;}')"/> </xsl:otherwise> </xsl:choose> ...