Das vertikale Menü für die Site ist eine sehr praktische Funktion, die hilft, Platz zu sparen und die Ressource einfach zu navigieren. Sie können es basierend auf kaskadierenden CSS-Stylesheets oder mit speziellen Tools erstellen.
Anleitung
Schritt 1
Öffnen Sie die Website purecssmenu.com und registrieren Sie sich dort, andernfalls können Sie das erstellte Menü nicht erstellen und herunterladen. Suchen Sie auf der linken Seite die Schaltfläche Vorlagen und klicken Sie darauf. Darunter befinden sich kleine Fenster mit vertikalen Menüvorlagen. Klicken Sie nacheinander darauf und sehen Sie sich im Vorschaufenster an. Wählen Sie die Vorlage, die am besten zu Ihrer Website passt.
Schritt 2
Legen Sie die Schriftart und Farbe des Menüs über die Registerkarte Parameter fest. Im Feld Schriftart können Sie eine Schriftart und deren Größe auswählen. Geben Sie ggf. unterstrichen / fett an. Legen Sie den Hintergrund (Hintergrund) des vertikalen Menüs im Feld Farben fest, legen Sie die Farbe der Schrift und die Hintergrundfarbe beim Schweben fest (fontover / backgroundhover).
Schritt 3
Gehen Sie zum Menü Elemente, um Menüelemente zu verwalten. Wenn Sie auf die Schaltfläche Löschen klicken, werden die Beispielelemente gelöscht, sodass Sie Ihre eigenen erstellen können. Ein Klick auf die Plus-Taste AddItem genügt, um einen Eintrag am Ende des Menüs hinzuzufügen. Mit der Schaltfläche AddNextItem können Sie ein Element hinzufügen, das nach der aktuell ausgewählten Zeit folgt. Die Schaltfläche AddSubitem im Menü erstellt ein verschachteltes Element für das ausgewählte Element. Um eine Zeile zu entfernen, verwenden Sie die Schaltfläche RemoveItem.
Schritt 4
Öffnen Sie die Elementparameter (ItemParameters) am unteren Rand der Site. Geben Sie einen Namen für das Menüelement in die Textzeile und seine Webadresse in Link ein. Die Tippzeile ist für die Beschreibung des Artikels verantwortlich, die angezeigt wird, wenn der Cursor über den Link fährt. Der Abschnitt Ziel definiert, wie die Seite geöffnet wird. Mit dem Parameter _self kann die Seite so konfiguriert werden, dass sie im aktuellen Browserfenster geöffnet wird.
Schritt 5
Laden Sie das fertige Menü herunter, indem Sie unten auf der Seite auf die Schaltfläche Download klicken. Kopieren Sie den entsprechenden Code aus der Datei purecssmenu.html in die CSS-Vorlagendatei: am Anfang und am Ende. Achten Sie darauf, den richtigen Code einzufügen und die Datei zu speichern.
