Menü

Container mit 100% Höhe

weiter

Container 100% Höhe

Hier erstellen wir einen Container welcher den gesamten Bildschirm ausfüllt.

  • Zuerst fügen wir der Seite den untenstehenden CSS-Code hinzu.
  • Nun fügen wir ganz oben das Widget Navigationsmenü ein.
  • Darunter können wir beispielsweise einen Textartikel erstellen. Dieser erhält die CSS-Klasse "Inhalt".
  • Jetzt packen wir die beiden Artikel in einen Container, fügen unser Hintergrundbild hinzu, geben ihm die CSS-Klasse "container100", setzen ihn auf "Randlos" und das Bild auf "cover".
  • Damit das originale Navigationsmenü ausgeblendet wird setzen wir den Seitentyp auf "LEER"
  • Nun packt ihr in den Textartikel diese Triangle "▼" und verlinkt sie mit dem ersten Artikel unter euerem Container.
  • Damit das ganze dann schön scrollt fügt ihr am Ende der Seite das untenstehende Script hinzu.

CSS-Code

Diesen Code per Einstellungen > CSS einfügen und anpassen.

Quellcode markieren & kopieren

Script

Diesen Code am Ende der Seite per Widget > Quelltext einfügen.

Quellcode markieren & kopieren

code