Wie erstelle ich Untermenüelemente mit Suckerfish

April 19

Suckerfish ist ein frei verteilt-Dropdown-Menü für die Beispiele in dem Menü mit dem Namen: die verschiedenen Arten der Barschartigen, die die Suckerfish umfasst. Es verwendet HTML-Listen, CSS und ein paar Zeilen JavaScript ein Multi-level-Menü-System zu erstellen, die mit allen gängigen Web-Browsern kompatibel ist. Suckerfish werden in eine vorhandene Webseite eingefügt und modifiziert das Design und die Bedürfnisse der Website angepasst. Suckerfish Menü-System ist ein integraler Bestandteil die Website ändern, Untermenüelemente hinzufügen.

Anweisungen

1 Rechtsklicken Sie auf die Webseite, die das Suckerfish Menü enthält. Klicken Sie auf wählen "Öffnen mit" und "Notepad". Dieses öffnet die Webseite, ohne rendern, so dass Sie direkt zu den HTML-Code ändern.

2 Suchen Sie das Suckerfish Menü auf der Webseite. Die Standard-Suckerfish Menü beginnt mit der "< Ul Id 'Nav' = >" Tag.

3 Identifizieren Sie den Menüpunkt unter dem Sie ein Untermenüelement hinzufügen möchten. Menüpunkte sind die höchsten in der hierarchischen Menü-System. Sie beginnen mit dem Tag "< li >" und enden mit dem Tag "</li >". Wenn die Seite gerendert wird, werden diese Menüelemente angezeigt (im Gegensatz zu Untermenüpunkte, die nur aufgedeckt werden, wenn der Benutzer den Mauszeiger über die Menüpunkte befindet.)

4 Klicken Sie auf setzen Sie den Cursor rechts neben dem "</li >" Tag für das Menüelement, wo Sie ein Untermenü erstellen möchten, und drücken Sie die "ENTER", um eine neue Zeile zu erstellen. Geben Sie "< Ul >" und drücken Sie "ENTER" um ein neues Untermenü zu erstellen.

Erstellen ein neues Untermenü ist nicht erforderlich, wenn ein Untermenü unter dem Menüpunkt bereits vorhanden ist. Stattdessen setzen Sie den Cursor nach einem vorhandenen Untermenüpunkte und drücken Sie die "ENTER", um eine neue Zeile erstellen klicken.

5 Typ "< li >< a Href =" Untermenü "Rel ="Nofollow"Target ="_blank"> http://www.example.com'> Untermenüelement </a >< / li >" auf die Leerzeile. Ersetzen Sie "www.example.com" durch die Adresse der Website, das Untermenüelement verknüpfen soll, und ersetzen Sie den Text "Untermenüelement" mit dem Text, den Sie Benutzer im Menü zu sehen möchten. Drücken Sie "Enter." Geben Sie wenn Sie mit "http://www.google.com" und Anzeige der Link "Google" im Menü verknüpfen möchten, z. B. "< li >< a Href =" Google & Lt; / a > & Lt; / li "Rel ="Nofollow"Target ="_blank"> http://www.google.com" > Google & Lt; / a > & Lt; / li > "in die leere Zeile, und drücken Sie"Enter."

6 Wiederholen Sie den vorhergehenden Schritt um weitere Untermenüpunkte zu erstellen. Wenn Sie alle Untermenüpunkte hinzugefügt haben, geben Sie "</ul >", um das Untermenü zu schließen. Dies ist nicht erforderlich, wenn gab es bereits eine vorhandene Untermenü.

7 Klicken Sie auf das Menü "Datei" gefolgt von "Speichern", um die Webseite speichern.