Konfiguration CSS (Farben und Schriften)

Die für die farbliche und grafische Gestaltung verantwortlichen Parameter können nahezu vollständig von dieser zentralen Position aus verändert und angepasst werden.
 

Allgemeine farbliche Konfiguration

Anhand von 34 Parametern können Sie die farbliche Darstellungsweise Ihrer Internetseite nahezu bis ins kleinste Detail auf Ihre Bedürfnisse anpassen. Die einzelnen Eingabefelder sind entsprechend beschriftet, so dass das Auffinden des gewünschten Wertes leicht möglich sein sollte. In die Eingabefelder selber muss ein so genannter „Hexadezimalwert“ (z.B. #000000 für schwarz) eingegeben werden. Um Ihnen die Arbeit zu vereinfachen, ist am Ende eines jeden Eingabefeldes ein Farbwähler angebracht. Mit dessen Unterstützung können Sie den gewünschten Farbwert durch einen Mausklick auswählen.
 

Eine Besonderheit bringt das Eingabefeld „Navigation links - URI Hintergrundbild“ mit. In dieses Eingabefeld können Sie den Pfad zu einer Grafik-Datei eintragen. Die hier eingetragene Grafik wird als Hintergrundgrafik im Hauptnavigationsbereich eingeblendet.
 

Erweiterte Konfiguration

In der erweiterten Konfiguration können Sie weitere Details des Layouts an Ihre Vorstellungen Erfordernisse anpassen. Die hier möglichen Änderungen beziehen sich hauptsächlich auf die Größe der Überschriften, deren farbliche Gestaltung, die Gestaltung der Links in der linken Navigation / Inhaltsbereich, sowie der

Größe Überschriften

Die Überschriftgröße bezieht sich auf die im Editor zur Verfügung gestellten Überschriftgrößen 1-6. Durch die die hier bereitgestellte Auswahl können Sie die Überschriften für Ihre gesamte Seite einheitlich gestalten.

Zur Auswahl stehen:

• Standard (13Pt - 9Pt)

• Groß (14Pt - 10Pt)

• Größer (15Pt - 11Pt)

• Sehr groß (16Pt - 12Pt)

• Am Größten (17Pt - 13Pt)

Überschriften 1 - 6 Farbe

Mit dieser Einstellungsmöglichkeit können Sie einstellen, mit welcher Farbe die jeweilige Überschrift dargestellt werden soll. Standardfarbe ist schwarz. Für eine Änderung können Sie das Farbauswahlfenster zur Unterstützung aufrufen.

Überschrift 1 - 6 fett

Mit dieser Einstellungsmöglichkeit können Sie entscheiden, ob die jeweilige Überschrift „fett“ geschrieben werden soll.

Inhalt - Links unterstreichen

Ist das Häkchen an dieser Stelle gesetzt, so werden die Links in der im Inhaltsbereich unterstrichen dargestellt.

Inhalt - Links fett

Ist das Häkchen an dieser Stelle gesetzt, so werden die Links in der im Inhaltsbereich fett dargestellt.

Navigation links - Schriftgröße

Mit Hilfe dieser Option können Sie die Schriftgröße der Hyperlinks in der linken Navigation verändern. Standardmäßig ist der Wert „12“ vergeben. Aus Gründen der Lesbarkeit sollten Sie es vermeiden die Werte „9“ und „10“ zu verwenden.

Navigation links - Farbe aktiv

Mit Hilfe dieser Option können Sie die Farbe des aktiven Hyperlinks in der linken Navigation verändern. Für eine Änderung können Sie das Farbauswahlfenster zur Unterstützung aufrufen.

Navigation links - Fett aktiv

Mit Hilfe dieser Option können Sie die Darstellung des aktiven Hyperlinks in der linken Navigation verändern. Ist das Häkchen gesetzt, wird der aktive Navigationstext in fett dargestellt.

Infobox - Breite

Mit dieser Option können Sie die Breite der Infobox verändern. Der Standardmäßig verwendete Wert beträgt 145 Pixel. Im Bedarfsfall können Sie die Breite der Box durch Eingabe eines entsprechenden Wertes Ihren Bedürfnissen anpassen.

Infobox - Modulüberschriften

Mit dieser Option können Sie die Schriftgröße der Modulüberschriften innerhalb der Infobox anpassen. Zur Auswahl stehen die die Schriftgrößen 8 – 12. Aus Gründen der Lesbarkeit sollten Sie auf die Verwendung der Schriftgrößen 8 – 10 verzichten. Die Einstellungen gelten nur für die klassische Version, in der barrierefreien Version haben sie keine Auswirkung.

Infobox – Schriftgröße

Mit dieser Option können Sie die Schriftgröße innerhalb der Infobox anpassen. Zur Auswahl stehen die die Schriftgrößen 8 – 12. Aus Gründen der Lesbarkeit sollten Sie auf die Verwendung der Schriftgrößen 8 – 10 verzichten. Die Einstellungen gelten nur für die klassische Version, in der barrierefreien Version haben sie keine Auswirkung.
 

Optionales CSS

Durch den in Kapitel 4.2 beschriebenen Konfigurations-Editor haben Sie bereits ein mächtes Werkzeug zur Hand um Ihre Seiten farblich Ihren Wünschen entsprechend anzupassen. Doch auch diese Herangehensweise stößt irgendwann an Ihre Grenzen und der Wunsch keimt auf eigene CSS-Klassen zu erstellen oder bereits definierte CSS-Klassen durch ein eigenes CSS zu überschreiben.