PixoPoint è una società di sviluppo web che offre un menu a discesa o fly-out creazione interfaccia così come plugin e tema creazione per WordPress. Il creatore di PixoPoint CSS menu a discesa è costruito intorno lo stile del menu Suckerfish. Drop-down menu utilizzato per richiedere grandi quantità di script e di codifica, ma con Suckerfish tutto ciò che serve è qualche semplice creazione di CSS styling e lista. Creare un menu verticale PixoPoint richiedono un account premium, mentre i menu orizzontali possono essere creati gratuitamente.

Istruzioni

1

Accedi al tuo account PixoPoint. Selezionare "Menu a discesa Menu CSS Generator" nella sezione "Prodotti" nella barra di navigazione.

2

Selezionare il vostro disegno dalla sezione "Premade Designs". Selezionare "Verticale Flyout" dall'elenco a discesa "Tipo di navigazione".

3

Selezionare uno stile di primo livello sfondo per un'immagine di sfondo e colori di sfondo, nonché il comportamento al passaggio del mouse. Selezionare la famiglia di caratteri di livello superiore, dimensione, tipo di carattere, colore del testo e comportamento del testo al passaggio del mouse.

4

Impostare l'altezza di primo livello, che si riferisce all'altezza della barra dei menu. Aggiungere la spaziatura orizzontale, la larghezza del bordo se si utilizza un bordo e un colore del bordo. Impostare la larghezza di fly-out di primo livello.

5

Selezionare o meno di ripetere il vostro sfondo. Ciò può essere utile se si utilizza un'immagine. Si può anche optare per il vostro menu PixoPoint "Buttonized." Questo creerà pulsanti grafici invece gli elementi basati su testo, ma è ancora inerente allo sviluppo a partire da aprile 2011.

6

Ripetere il passaggio 3 per le voci di menu di livello inferiore. Questi sono gli elementi di "figlio" sotto gli elementi di menu di primo livello, che verranno visualizzati in un menu a comparsa.

7

Selezionare un tipo di carattere e scegliere un colore per il bordo e la larghezza del bordo, se si utilizza un bordo. Impostare l'opacità per il fly-out; Questo bisogno di essere un numero decimale, 0 è uguale a piena trasparenza e 1 equivale a completa opacità.

8

Impostare la spaziatura verticale. Questo è l'imbottitura sopra e sotto le voci di menu.

9

Scegliere una direzione di fly-out. Se il vostro menu sarà sulla sinistra, la direzione di fly-out sarebbe giusta e se il vostro menu sarà sulla destra, la direzione di fly-out deve essere lasciata. Una volta completate le impostazioni, fare clic su "Submit Design" nella parte superiore.

10

Scarica il foglio di stile dal tuo sito Web file e aprirlo con il software di modifica del codice.

11

Copiare il codice CSS dall'interfaccia PixoPoint e incollarlo nel tuo foglio di stile da qualche parte. Si può andare fino in fondo.

12

Salvare il documento e caricarlo sul tuo sito Web file. Il menu verticale PixoPoint è ora pronto per l'uso.

Consigli & Avvertenze

• Per implementare il menu verticale PixoPoint, creare un elenco non ordinato, dove il vostro menu sarà andare e dare l'id "suckerfishnav." Aggiungere tag < li > per ogni voce di menu. Gli elementi figlio andrà in una lista non ordinata all'interno delle voci padre < li > e </li > Tag.
• È necessario essere un membro di premium PixoPoint per creare un menu verticale. Iscriviti alla newsletter sul sito PixoPoint.
• Una correzione JavaScript potrebbe essere necessaria per Internet Explorer visualizzare correttamente il ": hover" elemento.