Corporate Design der Hochschule im CampusWEB

Das CampusWEB, auch Community genannt, lässt sich an das individuelle Corporate Design der Hochschule anpassen. Die Einstellungen erfolgen im Navigationsbaum unter Internetauftritt > CampusWEB Verwaltung.

Sobald die gewünschten Einstellungen unter CampusWEB Verwaltung gespeichert werden, erscheinen sie im CampusWEB. Wichtig: Unter Internetauftritt > Domain > Button „publizieren“ muss zudem noch publiziert werden, nur dann erscheinen die Anpassungen im CampusWEB.

Überblick:

1. Logo
2. Footer
3. Farben und CSS
4. Schriftart

1. Logo

Unter dem Tab „Logo“ in der CampusWEB Verwaltung finden sich folgende Optionen - die Wörter „Logo“ und „Banner“ werden dabei synonym verwendet:

Logo auf allen Seiten anzeigen: Ist der Haken gesetzt, wird das eingebundene Logo im Header aller CampusWEB Seiten angezeigt. Es wird automatisch das im Feld „Standard Banner (ca. 1140 x 45)“ hochgeladene Bild übernommen.

Vorschau: Es wird das aktuell eingebundene Logo angezeigt

Standard Banner (ca. 1140 x 45): In diesem Feld wird das Logo festgelegt, das im CampusWEB im Header angezeigt wird. Folgende Datei-Formate sind möglich: .png, .jpg, .jpeg

Mit der Aktion „Hinzufügen“ lassen sich darüber hinaus Banner für unterschiedliche CampusWEB Sprachversionen hochladen.

Existieren mehrere CampusWEB Sprachversionen, kann der Nutzende selbst auswählen, welche Variante ihm angezeigt wird: Per Klick auf den Profil-Namen erscheint ein Auswahlmenü, inkl. der Option, die Sprache umzustellen.

 

2. Footer

Im Tab „Footer“ in der CampusWEB Verwaltung lässt sich im Feld „Standard Footer“ ein Text festlegen. Über die Aktion „Hinzufügen“ lässt sich pro CampusWEB Sprachversion ein solcher Text gestalten.

Wird kein Textfeld definiert, erscheint automatisch die Anschrift aus den „Standort Eigenschaften“. „Kontakt“, „Impressum“ und „Datenschutz“ sind voreingestellt und können unter Internetauftritt > Domain > Seiteninhalt gepflegt werden.

3. Farben und CSS

Zur Gestaltung des CampusWEB bestehen folgende Optionen unter Verwendung des Hex-Farbcodes:

Header Hintergrund:

In dem Feld lässt sich die gewünschte Farbe für den Header-Hintergrund per Hex-Farbcode (Bsp. #3c718c) manuell festlegen. Alternativ kann die Header-Hintergrundfarbe auch per Klick auf den Button am rechten Rand des Felds ausgewählt werden. Um das Logo optisch im Header einzubetten, sollte die Hintergrundfarbe des Logos verwendet werden.

Links:

In dem Feld lässt sich die gewünschte Farbe für die Anzeige von Links im CampusWEB per Hex-Farbcode (Bsp. #23527c) manuell festlegen. Alternativ kann die Link-Farbe auch per Klick auf den Button am rechten Rand des Felds ausgewählt werden. Für eine gute Lesbarkeit auf weißem Hintergrund empfiehlt es sich, eine eher dunkle Farbe zu verwenden.

Überschriften:

In dem Feld lässt sich die gewünschte Farbe für die Darstellung der Überschriften im CampusWEB per Hex-Farbcode (Bsp. #333333) manuell festlegen. Alternativ kann die Überschriften-Farbe auch per Klick auf den Button am rechten Rand des Felds ausgewählt werden. Für eine gute Lesbarkeit auf weißem Hintergrund empfiehlt es sich, eine eher dunkle Farbe zu verwenden.

Nav. Text:

Für die Textfarbe in der Navigationsleiste empfiehlt es sich, eine Komplementärfarbe zur Hintergrundfarbe zu wählen.

Nav. Hintergrund:

Für die Hintergrundfarbe der Navigationsleiste empfiehlt es sich, eine Komplementärfarbe zur Textfarbe zu wählen.

Nav. Text aktiv / Nav. Hintergrund aktiv:

Klickt der CampusWEB Nutzende in der Navigationsleiste auf einen Tab, kann dieser farbig hervorgehoben angezeigt werden: Über die Felder „Navigationsleiste Text aktiv“ und „Navigationsleiste Hintergrund aktiv“ lassen sich die Farben für Hintergrund und Text festlegen. Es empfiehlt sich, Komplementärfarben zu wählen.

Nav. Text hover:

Beim sog. „Hover“ – auch „Mouse-Over“ genannt – verändert sich das jeweilige Element, wenn der Nutzende die Maus darüber führt: Bewegt der CampusWEB Nutzende den Cursor über einen Tab in der Navigationsleiste, erscheint ein Auswahlmenü. Für die Textfarbe empfiehlt es sich, eine Komplementärfarbe zur Hover-Hintergrundfarbe (Feld „Nav. Hintergrund hover“) zu wählen.

Nav. Hintergrund hover:

Für die „Navigationsleiste hover Hintergrundfarbe“ empfiehlt es sich, eine Komplementärfarbe zur Hover-Textfarbe (Feld „Nav. Text hover“) zu verwenden.

Nav. Rand:

In dem Feld lässt sich die gewünschte Farbe für die „Navigationsleiste Randfarbe“ im CampusWEB per Hex-Farbcode (Bsp. #e7e7e7) manuell festlegen bzw. alternativ per Klick auf den Button am rechten Rand des Felds auswählen.

Panel Rand:

Im CampusWEB werden dem Nutzenden mithilfe von Boxen alle Inhalte thematisch gegliedert angezeigt. Diese Boxen bestehen jeweils aus einer Überschrift (z.B. „News“, „Meine Gruppen“) und dem dazugehörigen Inhalt. Eine Linie trennt die Überschrift vom Inhalt. Die Farbe dieses Trennstrichs lässt sich im Feld „Panel Rand“ definieren – sowohl per manueller Eingabe des Hex-Farbcodes als auch per Klick auf den Button am rechten Rand des Felds. Diese Einstellung wird auch in den Modulen „Notenübersicht“, „Prüfungsanmeldung“, „Kursanmeldung“, „Profil“ und „Infopool“ übernommen.

CSS:

Hier lassen sich im Feld „Eigene CSS Anweisungen“ eigene CSS-Styles einfügen.

Die Anwendung dieser Anweisung kann zu Fehlern in der CampusWEB Anzeige führen und erfolgt auf eigene Verantwortung.

4. Schriftart

Unter dem Tab „Schriftart“ kann für das CampusWEB eine einheitliche Schriftart definiert werden. Die zur Auswahl stehenden Schriftarten lassen sich per Klick in das Feld „Schriftart“ auswählen. Weitere Schriftarten sind nicht möglich.