/
Wie verwende ich die zusätzliche CSS-Klasse einer Seite?

Wie verwende ich die zusätzliche CSS-Klasse einer Seite?


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 an die Designvorlage übergeben und weiter verwendet werden.

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

Inhaltsspezifische Headerbilder

Häufig werden Designvorlagen erstellt, welche im Kopfbereich über ein inhaltsspezifisches Bild verfügen. Verwenden Sie die CSS-Klasse, um den entsprechenden Bildnamen an die Vorlage zu übergeben:

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

Inhaltsspezifische CSS-Definitionen

Weisen Sie einzelnen Inhaltsseiten eine zusätzliche CSS-Klasse zu, damit bei einer Designvorlage eigene Stylesheets verwendet werden können:

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

Related content

Wie kann ich externe Skripts und Styles in meine Website integrieren?
Wie kann ich externe Skripts und Styles in meine Website integrieren?
More like this
Wie kann ich das Layout der Anwendungsseiten anpassen?
Wie kann ich das Layout der Anwendungsseiten anpassen?
More like this
Wie weise ich automatisch eine separate CSS-Klasse einem Formular zu?
Wie weise ich automatisch eine separate CSS-Klasse einem Formular zu?
More like this
Wie ändere ich das Anzeigeformat der Einträge?
Wie ändere ich das Anzeigeformat der Einträge?
More like this
Wie bearbeite ich eine Seite?
Wie bearbeite ich eine Seite?
More like this
Wie kann der Style von jQuery UI angepasst werden?
Wie kann der Style von jQuery UI angepasst werden?
More like this

© 2025 Cloudrexx AG | Dein Partner für starke Websites | Datenschutzerklärung | Systemstatus