Versionen im Vergleich

Schlüssel

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

...

Bei jeder Inhaltsseite in Cloudrexx kann unter den erweiterten Optionen ein optionaler CSS-Name Im Bearbeitungsmodus einer Seite unter Content Manager > Alle Seiten kann im Tab Mehr eine zusätzliche CSS-Klasse definiert werden.

Auf diesen Wert kann später unter Administration > Layout > Theme Manager in der index.html Datei, einer erfassten Designvorlage mittels [[CSS_NAME]] Platzhalter, zurückgegriffen werden. Grundsätzlich können mit diesem Platzhalter frei definierbare Werte , pro Inhaltseite an die Designvorlage übergeben und weiter verwendet werden.

Im folgenden zeigen wir ihnen Ihnen zwei der am häufigsten eingesetzten Verwendungszwecke der optionalen zusätzlichen CSS-NamenKlasse:

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 Verwenden Sie die CSS-Klasse, 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.Weisen Sie einzelnen Inhaltsseiten eine zusätzliche CSS-Klasse zu, damit bei einer Designvorlage eigene Stylesheets verwendet werden können:

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