Erstellen Sie eine schwimmende Side-Bar für eine Benutzerseite

July 23

Es ist einfach, Ihre Webseite Benutzer freundlicher zu machen. So stellen Sie sicher, dass der Benutzer leicht von einer Seite zur anderen gelangen kann. Eine Möglichkeit, dies zu tun ist mit einer schwimmenden Menüleiste. Mit ein wenig html-Code können Sie eine schwimmende Seitenmenü hinzufügen, so dass wenn Ihr Webbenutzer unten auf der Seite scrollt, das Menü immer ist sichtbar und bereit, Ihre Benutzer zu einer anderen Seite zu nehmen.

Anweisungen

1 Öffnen Sie die Webseite, die Sie Ihrem schwimmenden Seitenmenü hinzufügen möchten. Stellen Sie sicher, dass Ihre Ansicht html-Code der Seite zeigt.

2 Beginnen Sie Ihren html-Code als ein cascading Stylesheet am oberen Rand der Seite eingeben. Geben Sie den folgenden Code in die Seite: < Div Style = "Position:; rechts:; oben:; >. Alle Satzzeichen und Symbole enthalten, sonst funktioniert Ihr schwebende Menü nicht.

3 Addieren Sie die Werte für die Felder, die Sie in Schritt 2 geschrieben. Das Feld "Position" "festzusetzen". Die anderen Felder Ihres html-Codes sollte im Hinblick auf die Prozente relative. Je näher eine Reihe ist im Feld "Recht" auf 100 Prozent, je näher erscheinen im Menü am rechten Rand des Bildschirms Benutzer. Für das Feld "oben" wird bei Annäherung Ihre Zahl auf 100 Prozent, je höher auf dem Bildschirm erscheint das Menü.

4 Schreiben Sie den html-Code für das Menü. Dieser Code sollte Links zum Rest der Seiten Ihrer Website enthalten. Wenn Sie Ihre Menü-Code Eingabe fertig sind, schreiben "" signalisieren, dass das Menü vollständig ist.

Tipps & Warnungen

  • Schreiben Sie Ihren html-Code, so dass das schwimmende Menü auf der linken Seite des Bildschirm des Benutzers angezeigt wird. Alles, was du ändern musst ist das Wort "Recht" in Schritt 2 das Wort "Links".