Wenn Sie mit einer DigiLink-Sicht starten, dann ist in der Regel ein DigiLink-Standard-CSS in der Konfiguration eingetragen, welches Sie in Abbildung 19 erkennen können.

 

Abbildung 19: Ansicht einer DigiLink-Sicht mit Standard-CSS.

Wenn Sie nun zum Beispiel in der Hauptnavigation die graue Hintergrundfarbe und die schwarze Schriftfarbe (vgl.: 19) in eine schwarze Hintergrundfarbe mit einer weißen Schrift (vgl.: 21) ändern möchen, dann gehen Sie wie folgt vor:

Abbildung 20: Kennzeichnung des zu ändernden Bereiches

Ändern Sie in der CSS-Datei die Werte in der Klasse th.reiterSel:

die Zeile für den background-color und color:

und erhalten dann die folgende Änderung:

Abbildung 21: Geänderter Bereich

Wenn Sie zum Beispiel die Linkfarbe aller Links von Blau auf Rot ändern möchten, dann können Sie

den color-Eintrag für die Links wie folgt verändern:

Suchen Sie die Klasse a und ändern dort den Farbwert ab:

um zu den Ergebnis wie in Abbildung 22 zu gelangen:

Abbildung 22: Geänderte Schriftfarbe

Sie können auch zum Beispiel einen größeren Wert für die Schriftgröße eintragen, in etwa:

font-size: 150% um die Schriftgröße zu erhöhen:

Abbildung 23: Schriftgröße verändert

Wenn Sie eine genaue Auflistung der Klassen benötigen sollten, dann mailen Sie bitte den Kundenservice dazu an.

Sie haben nun die Gestatungsmöglichkeiten von DigiLink kennen gelernt und einen Überblick darüber erhalten, wie Sie durch eine Kopf- und Fußzeile, sowie einen Einleitungstext und eine Legende Ihre Sicht erstellen können. Mit Hilfe von etwas CSS-Kenntnissen können Sie auch einige Elemente entsprechend Ihren Wünschen gestalten. Nach den nun folgenden Übungen und Kontrollfragen lernen Sie etwas über die eigentliche Aufgabe von DigiLink.