| Anchor | ||||
|---|---|---|---|---|
|
...
10. Individuelle Klassen
Seit der Version 1.06 des easyTemplate360 gibt es die Möglichkeit jedem Widget eine eigene CSS-Klasse oder ID zuzuweisen.
Jedem Nutzer steht es frei, sein eigenes Stylesheet zu nutzen. Mit dem Terra Theme kommen Klassen hinzu, die benutzt werden können:
Überschriften mit horizontaler Linie: "mainpage-headline"
Überschriften mit horizontaler Linie für Artikelliste: "categories-headline"
Separatoren: "separator"
Gepunktete Linie bei Überschriften: "[Klasse für horizontale Linie] dashed"
Info: Die Klasse 'dashed' ist eine Ergänzungsklasse und erfordert eine Klasse für eine horizontale Linie. Zum Beispiel: "separator dashed".
Die Klasse 'separator' kann in ein Text-Block Widget einfügt werden. Das Widget kann auch leer sein, in dem Fall wird lediglich die Linie angezeigt.
Beispiele im Bild:
Die erste Linie ist ein einzelner Separator in einem Text-Block Widget mit den individuellen Klassen: 'separator dashed';
Die zweite Linie gehört zur Überschrift eines Text-Block Widgets. Diese wird mit 'mainpage-headline' als solide Linie angezeigt;
Die dritte Linie gehört zum News Widget und wird ebenfalls mit 'mainpage-headline' mit einer Linie versehen. Zusätzlich wird (mit einem Leerzeichen getrennt) die Klasse 'dashed' hinzugefügt um gepunktete Linien zu erhalten:
Info: Klassen sind Theme-gebunden und funktionieren nicht mit anderen Themes.
...