So verwenden Sie eine separate CSS-Datei im Sprachvergleich

17. Februar 2011

sprache sprachvergleiche gegenüberstellung einblenden

Dieser Artikel beschreibt, wie Sie die Formatierung der eingeblendeten Sprache im Sprachvergleich beeinflussen.

Mehrsprachige Präsenzen erlauben innerhalb der Bearbeitung das Einblenden einer korrespondierenden Sprache (siehe auch Screenshot unten).

Auf die Formatierung der zu vergleichenden Sprache können Sie Einfluss nehmen. Diese wird über den Parameter "wIsEmbeddedLangage" im Register Datei Entwurf eingelesen. Auf diesen Parameter können Sie über das XSL-Template prüfen und z.B. eine eigene CSS-Datei einlesen, um die Formatierung zu beeinflussen.

Beispiel: Auszug aus der includes.global.php innerhalb des HTML-Headers

<xsl:if test="php:functionString('wRequest::getParameter', 'wIsEmbeddedLanguage') = '1'">
  <link rel="stylesheet" type="text/css" href="/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/editorEmbeddedLanguage.css"/>
</xsl:if>

Beispiel: Auszug aus dereditorEmbeddedLanguage.css

/* ... */
html                                       {height:101%;}
body                                       {margin:0;padding:0;font-family:Arial, Sans-serif, Helvetica;font-size:12px;color:#000000;background-color:#dddddd;}

#blockMainOuter                            {margin:10px auto;width:980px;background-color:#ffffcc}
/* ... */

FAQs

Wie kann ich die Formatierung der eingeblendeten Sprache im Sprachvergleich beeinflussen?: Sie können die Formatierung der zu vergleichenden (eingeblendeten) Sprache über den Parameter **wIsEmbeddedLanguage** steuern. Dieser Parameter wird im **Register Datei Entwurf** eingelesen und kann anschließend in einem XSL-Template verwendet werden, um z.B. eine eigene CSS-Datei zu laden.
Woher kommt der Parameter, der bestimmt, ob die Sprache eingebettet ist?: Der Parameter **wIsEmbeddedLanguage** wird im **Register Datei Entwurf** eingelesen. Danach kann er über ein XSL-Template abgefragt werden.
Wie prüfe ich in XSL, ob wIsEmbeddedLanguage gesetzt ist?: Mit einer XSL-Bedingung wie in folgendem Beispiel: <pre><code class="codeBlock" style="color: #000000">xml <xsl:if test="php:functionString('wRequest::getParameter', 'wIsEmbeddedLanguage') = '1'"> ... </xsl:if> </code></pre>
Wie lade ich bei aktivem wIsEmbeddedLanguage eine separate CSS-Datei?: Innerhalb der XSL-Bedingung können Sie im HTML-Header eine CSS-Datei einbinden, z.B. so: <pre><code class="codeBlock" style="color: #000000">xml <link rel="stylesheet" type="text/css" href="/[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/editorEmbeddedLanguage.css"/> </code></pre>
Was zeigt das CSS-Beispiel editorEmbeddedLanguage.css im Artikel?: Das Beispiel zeigt, dass die eingebettete Sprache mit einer eigenen CSS-Datei gezielt gestylt wird. Dazu gehören u.a. globale Layout- und Typografie-Einstellungen sowie spezifische Styling-Regeln wie z.B. für <code class="codeInline">body</code> oder Container wie <code class="codeInline">#blockMainOuter</code>.