Wie man ein PixoPoint vertikal-Menü

September 23

PixoPoint ist ein Web-Entwicklungsunternehmen, das ein Drop-Down- oder Flyout-Menü Erstellung Schnittstelle und Plugins sowie Thema Erstellung für WordPress bietet. Der Schöpfer des PixoPoint CSS-Dropdown-Menü ist rund um die Suckerfish Menüstil gebaut. Drop-Down-Menüs verwendet, um große Mengen von Skript und Codierung erfordern, aber mit Suckerfish benötigt wird lediglich einige einfache CSS-Styling und Liste erstellen. Erstellen eines vertikalen PixoPoint Menüs erfordert einen Premium-Account kostenlos horizontale Menüs erstellt werden können.

Anweisungen

1 Ihr PixoPoint-Konto einloggen. Wählen Sie "Dropdown Menü CSS Generator" unter "Produkte" in der Navigationsleiste.

2 Wählen Sie Ihr Design aus Abschnitt "Vorgefertigten Designs". Wählen Sie "Vertikale Flyout" aus der Dropdown-Liste "Navigation-Typ".

3 Wählen Sie aus der obersten Ebene Hintergrund Styling für ein Hintergrundbild und Hintergrundfarben sowie Hover-Verhalten. Wählen Sie aus der obersten Ebene Schriftfamilie, Schriftgröße, Schriftschnitt, Textfarbe und Text-Hover-Verhalten.

4 Legen Sie Ihre Top-Level-Höhe, bezieht sich auf die Höhe der Menüleiste. Fügen Sie horizontale Polsterung, eine Randbreite, wenn ein Rahmen und eine Rahmenfarbe verwenden. Legen Sie Ihre obersten Ebene Flyout-Breite.

5 Wählen Sie, ob Sie Ihren Hintergrund zu wiederholen. Dies wäre wünschenswert, wenn ein Bild zu verwenden. Sie können auch entscheiden, Ihre PixoPoint-Menü "Buttonized." Dies erzeugt grafische Schaltflächen anstelle von textbasierten Artikel, aber noch entwicklungsbedingte ab April 2011.

6 Wiederholen Sie Schritt 3 für die untere Ebene Menüelemente. Dies ist die "Kind" unter Ihre Menüelemente der obersten Ebene, die in einem Flyout-Menü angezeigt wird.

7 Wählen Sie eine Schriftbreite und wählen Sie Rahmenbreite und Rahmenfarbe, wenn eine Grenze zu verwenden. Setzen Sie die Deckkraft für das Fly-Out; Diese muss eine Dezimalzahl sein, gleich 0 vollständigen Transparenz und 1 gleich volle Deckkraft.

8 Legen Sie Ihre vertikale Polsterung. Dies ist der Abstand oberhalb und unterhalb der Menüpunkte.

9 Wählen Sie eine Flyout-Richtung. Wenn Ihr Menü auf der linken Seite sein wird, Ihre Flyout-Richtung wäre richtig und wenn Ihr Menü auf der rechten Seite sein wird, sollte die Flyout-Richtung überlassen werden. Klicken Sie "Submit Design" an der Spitze, wenn Ihre Einstellungen abgeschlossen sind.

10 Laden Sie Ihr Stylesheet von Ihrem Website-Dateien, und öffnen Sie sie mit der Code-Bearbeitungssoftware.

11 Kopieren Sie den CSS-Code aus der PixoPoint-Schnittstelle, und fügen Sie ihn in Ihrem Stylesheet irgendwo. Ganz am Ende kann es gehen.

12 Speichern Sie Ihr Dokument und auf Ihre Website-Dateien hochladen. Ihr PixoPoint vertikale Menü ist jetzt einsatzbereit.

Tipps & Warnungen

  • Um Ihre PixoPoint vertikales Menü zu implementieren, erstellen Sie eine ungeordnete Liste wo Ihr Menü gehen wird, und geben sie die Id "Suckerfishnav." < Li > Tags für jedes Menüelement hinzufügen. Untergeordnete Elemente werden in einer ungeordneten Liste innerhalb der übergeordneten Elemente < li > und </li > Markierungen gehen.
  • PixoPoint Premium-Mitglied ein vertikales Menü Erstellen erforderlich. Anmeldung auf der Website PixoPoint.
  • Ein JavaScript-Fix möglicherweise notwendig für Internet Explorer korrekt angezeigt die ": Hover" Element.

SIE KÖNNEN AUCH GERNE