PixoPoint è una società di sviluppo web che offre un menu a discesa o interfaccia fly-out la creazione di menu così come plug-in e la creazione di tema per WordPress. Il creatore menu a discesa PixoPoint CSS è costruito intorno lo stile del menu Suckerfish. menu a discesa utilizzati per richiedere grandi quantità di sceneggiatura e di codifica, ma con Suckerfish tutto quello che serve è un po 'semplice la creazione di stile CSS e lista. Creazione di un menu PixoPoint verticale non richiede un account premium, mentre i menu orizzontali possono essere creati gratuitamente.

istruzione

1 Accedi al tuo conto PixoPoint. Selezionare "discesa Menu Generator CSS" sotto "Prodotti" nella barra di navigazione.

2 Seleziona il tuo disegno dalla sezione "Disegni Premade". Selezionare "Vertical Flyout" dal "Tipo di navigazione" a discesa.

3 Selezionare alto livello styling sfondo per un immagine di sfondo e colori di sfondo, così come il comportamento hover. Selezionare la famiglia di alto livello di carattere, dimensione del carattere, spessore del carattere, il colore del testo e il comportamento del testo hover.

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

5 Selezionare o meno di ripetere lo sfondo. Ciò potrebbe essere utile se si utilizza un'immagine. Si può anche scegliere di avere il vostro menù PixoPoint "Buttonized." Questo creerà pulsanti grafici, invece di oggetti basati su testo, ma è ancora di sviluppo a partire da aprile 2011.

6 Ripetere il passo 3 per le voci di menu di livello inferiore. Queste sono le voci "figli" sotto le voci di menu di primo livello, che saranno mostrati in un menu a comparsa.

7 Selezionare una dimensione del carattere e scegliere una larghezza di colore del bordo e bordo se si utilizza un bordo. Impostare l'opacità per il fly-out; questo bisogno di essere un decimale, 0 equivale a una piena trasparenza e 1 equivale a piena opacità.

8 Impostare il padding verticale. Questo è l'imbottitura sopra e sotto le voci di menu.

9 Scegliere una direzione fly-out. Se il menu sarà a sinistra, la direzione fly-out sarebbe giusto e se il vostro menù sarà a destra, direzione fly-out dovrebbe essere lasciato. Fai clic su "Submit Design" in alto quando le impostazioni sono complete.

10 Scarica il foglio di stile da file del sito web e aprirlo con il software di code-editing.

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

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

Consigli e avvertenze

• Per implementare il tuo menu verticale PixoPoint, creare una lista non ordinata in cui il vostro menù andrà e dargli l'id "suckerfishnav." Aggiungere <li> tag per ogni voce di menu. elementi figlio andranno in una lista non ordinata all'interno delle voci principale <li> e </ li> tag.
• Devi essere un membro premium PixoPoint per creare un menu verticale. Sign-up sul sito PixoPoint.
• Una correzione JavaScript potrebbe essere necessario per Internet Explorer per visualizzare correttamente il: elemento "hover".