Pseudo-Klassen before / after

Die Pseudo-Klassen before / after sind sehr nützlich, um einen Inhalt, der immer wieder benötigt wird, mit einer Formatvorlage zu verknüpfen. Beim Zuweisen der Formatvorlage wird der hinterlegte Text automatisch eingefügt.

Beispiel

Die Einleitung für Handlungsanleitungen in dieser Knowledgebase ist mit einer Pseudo-Klasse für das Element p umgesetzt:

p.schrittanleitung

{

font-weight: bold;

background-color: #dcdcdc;

padding-left: 2pt;

line-height: normal;

margin-top: 14pt;

}

p.schrittanleitung:before

{

content: 'Schritt für Schritt';

}

Bislang mussten die Pseudo-Klassen before / after im Quellcode der CSS-Datei eingegeben werden.

Ab Flare V10 können diese Pseudo-Klassen im CSS-Editor angelegt und bearbeitet werden.

1. Content Explorer > Resources > Stylesheets > eine CSS (keine Tabelle-CSS) öffnen

2. Im Gruppenfeld Formate auf einem Element Rechtsklick , für das eine Pseudoklasse after / before angelegt werden soll > Pseudeoklasse hinzufügen.

3. Gewünschte Pseudo-Klasse wählen.

   

4. OK.

5. Inhalt für die Pseudo-Klasse eingeben.

   

   Zum Vergrößern / Verkleinern auf das Bild klicken

6. Speichern.

7. Formatvorlage in einem Topic / Snippet zuweisen:

   

   Zum Vergrößern / Verkleinern auf das Bild klicken