Scroll-Optionen

Schritt 2 - Vorlage > Anpassen >

Scroll-Optionen

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Mit den Funktionen in diesem Fenster können Sie einige Einstellungen an der Vorlage vornehmen, mit denen Sie vor allem das Verhalten der Seite festlegen, wenn sie gescrollt wird. Wenn Sie eine responsive Website erstellen, gelten die hier vorgenommenen Einstellungen für alle Auflösungen, an die sich die Vorlage anpassen soll.

Um eine responsive Website zu erstellen, müssen Sie die Option Responsive Website im Fenster Auflösungen und responsives Design aktivieren.

Klicken Sie um zu erweitern/minimierenReferenz: Funktionen für das Menü

Wird eine Seite nach unten gescrollt, ist das Navigationsmenü im Header nicht mehr sichtbar. Wenn die Menüleiste weiterhin angezeigt werden soll, auch wenn der Header nicht mehr sichtbar ist, aktivieren Sie die Option Immer anzeigen. Auf dieser Menüleiste werden angezeigt: das Logo, sofern eines eingefügt wurde; die Menüschaltflächen, wenn der verfügbare Platz ausreicht, oder alternativ derHamburger-Button.

Nach der Aktivierung können für die Menüleiste folgende Grafische Eigenschaften festgelegt werden:

Hintergrundfarbe: Hier kann die Farbe für den Hintergrund auswählt werden.
Bilddatei: Wählen Sie hier das Bild für den Hintergrund der Zelle aus. Sie können Dateien in den Formaten JPG, GIF und PNG verwenden. Das Bild kann entweder aus der Online-Bibliothek, die mit der Schaltfläche geöffnet wird, oder mit der Schaltfläche Datei auswählen in einem lokalen Verzeichnis gewählt werden.
Anordnung: Hier können Sie bestimmen, ob das Hintergrundbild wiederholt werden soll oder nicht. Das Bild kann nur horizontal, nur vertikal oder in beide Richtungen wiederholt werden, bis es den zur Verfügung stehenden Platz ausfüllt. Das Bild kann ferner so angepasst werden, dass es den gesamten Hintergrund ausfüllt. In diesem Fall können jedoch die ursprünglichen Proportionen möglicherweise nicht beibehalten werden.
Ausrichtung: Legt fest, wie das Bild zur Menüleiste ausgerichtet werden soll.
Höhe: Höhe der Menüleiste in Pixeln.
Auf die Breite des Browserfensters erweitern: Bei Aktivierung erstreckt sich die Menüleiste über die gesamte Breite des Browserfensters und nicht nur über die Seitenbreite.

Außerdem können folgende Eigenschaften der Inhalte festgelegt werden:

Firmenlogo: Auswahl einer Bilddatei (.JPG, .GIF, .PNG.) zur Verwendung als Logo.
Stil: Legt fest, wie das Logo und das Menü positioniert werden sollen.
Ränder: Randbreite in Pixeln. Der Rand entspricht Freiraum zwischen dem Abschluss des Menüs und dem eingefügten Logo.
Inhalte zentrieren: Wenn diese Option aktiv ist, werden die Inhalte der Menüleiste (also das Logo, sofern vorhanden, und die Menüschaltflächen) nicht seitlich, sondern zentriert angezeigt.

Wurde mit den Optionen im Fenster Struktur der Vorlage Wurde ein vertikales Navigationsmenü gewählt, erhalten Sie bei Aktivierung der Option Immer anzeigen keine horizontale Leiste, sondern das vertikale Menü wird sich analog zur Seite mitgescrollt, sodass es immer sichtbar bleibt.

Klicken Sie um zu erweitern/minimierenReferenz: Funktionen für den Button für Rückkehr zum Seitenanfang

Bei sehr langen Seiten ist es für den Nutzer praktisch, am Seitenende über einen Button schnell zum Anfang der jeweiligen Seite zurückkehren zu können. Auf diese Weise, vor allem, wenn das Navigationsmenü beim Scrollen nicht sichtbar bleibt, muss der Nutzer die Seite nicht manuell nach oben scrollen, um die Navigation fortsetzen zu können.

Zum Einblenden eines Buttons für die Rückkehr zum Seitenanfang aktivieren Sie die Option Button für Rückkehr zum Seitenanfang anzeigen. Der Button wird erst eingeblendet, wenn die Seite nach unten gescrollt wird.

Nach der Aktivierung können Sie den Button mit folgenden Optionen personalisieren:

Stil: Wählen Sie aus den verfügbaren Optionen einen grafischen Stil für den Button. Der Effekt wird angewendet, sobald der Mauszeiger über den Button geführt wird, um zur Nutzung anzuregen.

 


Praktische Anwendung:

-

Die Arbeit mit Vorlagen

-

Wo finde ich neue Vorlagen für WebSite X5?