Seiten-Header

Die Nutzung von Bildern im Seiten-Header ist für Startseiten und wichtige Landing-Pages vorgesehen. Unterseiten sollten kein Bild im Header-Bereich nutzen. Nachfolgend werden zwei unterschiedliche Optionen beschrieben, wie Sie entweder ein einzelnes Bild einbinden können, oder einen Slider mit mehreren Bildern, die automatisch durchwechseln.

Option 1: Text-Medien-Element

Diese Option ist zu empfehlen, wenn Sie im Header ein Bild darstellen möchten. Hinweis: Wenn Sie nur ein Bild verwenden, raten wir von der Nutzung des Keyvisual Sliders ab, da im Bild immer ein weißer Punkt zu sehen sein wird, der Teil des Slider-Elements ist.

Ansicht des Text-Medien-Elements als Header-Grafik.
Erstellen Sie ein neues Text-Medien-Element im Bereich "Header".
Setzen Sie den Crop im Bild-Editor im Reiter "Medien" auf das Seitenverhältnis 4:1.
Wählen Sie unter dem Reiter "Erscheinungsbild" als Layout "Kein Abstand rechts/links" aus.

Nach oben

Option 2: Keyvisual Slider (nur bei Nutzung von mehreren Bildern)

Hier sehen Sie ein Beispiel, wie das Element Keyvisual Slider eingesetzt wird. Die Punkte zeigen, wie viele Bilder im Slider durchlaufen.
Erstellen Sie im Header-Bereich ein neues Keyvisual Slider-Element.
Dieses finden Sie unter dem Reiter "Mask Elemente".
Unter "Slider Element" können Sie nun mehrere Bilder anlegen. Über "Image Alignment on Large Screens" können Sie die Ausrichtung des Bildes festlegen. Dies beeinflusst den Ausschnitt des Bildes. Info: Die Option "Slide Überschrift" ist bei diesem Element nicht vorgesehen.
Über "Slider Settings" können Sie die Autoplay-Funktion aktivieren, damit die Bilder automatisch durchwechseln.

Nach oben

Postanschrift

Ruhr-Universität Bochum
Fakultät für Elektrotechnik und Informationstechnik
Name des Lehrstuhls
ID-Gebäude, Postfach 11
Universitätsstraße 150
D-44801 Bochum

Kontakt

E-Mail: www-inhalt(at)ei.rub.de

Sprechzeiten

Persönliche Sprechzeiten nach Vereinbarung.

To Top