Hintergrund-Slider in der Bühne
Der Kopf der Seite liegt auf dem Slider – durchsichtig, bis gescrollt wird. Darunter wechseln vier Bilder mit langsamer Kamerafahrt, der Text bleibt stehen.
So ist die Seite gebaut
Seite: unter „Experten-Einstellungen“ die CSS-Klasse km-header-overlay – oder im Projekt für alle Seiten $km-header-overlay: true (Projekt-Einstellungen). Damit legt sich der Kopf auf einen Banner oder einen Artikel mit Hintergrundbild, der als erster in der Bühne steht.
Artikel: Spalte „Bühne“, „Container“ als Breite des Inhalts. In der Gruppe „Hintergrundbild / Slider“ ein Bild und unter „Weitere Bilder (Slider)“ drei weitere, „Überblenden mit Kamerafahrt“, alle 8 Sekunden, Höhe „ganze Bildschirmhöhe“, Inhalt mittig, Schleier Schwarz mit 50 %. Im Style Manager Hintergrund „Dunkelgrau“: Die Schrift ist hell, also auch die des Kopfes – bei einer dunklen Textfarbe wird sie dunkel. Darin ein Text-Element mit der Überschrift der Seite (h1) und ein „Link / Button“.
So sieht es aus: Der Inhalt rückt um die Höhe des Kopfes nach unten, oben im Bild schützt ein Verlauf dessen Schrift. Der Slider füllt das ganze Fenster. Unten rechts, links neben dem Knopf „nach oben“, hält ein Knopf den Bildwechsel an; am Telefon steht er über der Kontaktleiste.
Inhalt unter der Bühne
Ab hier geht die Seite weiter wie jede andere. Beim Scrollen bekommt der Kopf seine Farbe, und der Slider hält an, sobald er nicht mehr zu sehen ist.
Ein Slider in der Bühne passt zu Startseiten und Seiten, die mit einem großen Bild beginnen sollen – mit wenig Text darauf. Viel Text gehört in die Artikel darunter.
Ein heller Abschnitt
Ein zweiter Artikel mit hellem Hintergrund, damit die Seite lang genug zum Scrollen ist.