Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.

...

Was ist der optionale CSS-Name?

Bei jeder Inhaltsseite in Cloudrexx kann unter den erweiterten Optionen ein optionaler CSS-Name definiert werden.

...

Im folgenden zeigen wir ihnen zwei der am häufigsten eingesetzten Verwendungszwecke der optionalen CSS-Namen:

Inhaltsspezifische Headerbilder

Häufig werden Designvorlagen erstellt, welche im Kopfbereich über ein inhaltsspezifisches Bild verfügen. Damit man nicht für jede Inhaltsseite eine eigene Vorlage erstellen muss, kann man dieses Problem mit dem optionalen CSS-Name lösen.

Man verwendet diesen Wert um den entsprechenden Bildnamen an die Vorlage zu übergeben, damit dieser dann über ein normales HTML-Image-Tag eingebunden werden kann.

Codeblock
languagehtml
<div id="eyecatcher">
	<img src="imagest/content/eyecatcher/[[CSS_NAME]]" alt="Eyecatcher" />
</div>

Inhaltsspezifische CSS-Definitionen

Damit man eine Designvorlage erstellen kann, welche über unterschiedliche Farbgestaltungen der Inhaltsseiten verfügt ohne mehrere Vorlagen anzulegen, können den einzelnen Inhaltsseiten mittels optionalem CSS-Namen eigene Stylesheets zugewiesen werden.

Codeblock
languagehtml
<link rel="stylesheet" type="text/css" href="themes/contrexx/[[CSS_NAME]]"/>