Il menu verticale per il sito è una funzione molto comoda che aiuta a risparmiare spazio e navigare facilmente nella risorsa. Puoi renderlo basato su fogli di stile CSS a cascata o utilizzando strumenti speciali.
Istruzioni
Passo 1
Apri il sito purecssmenu.com e registrati su di esso, altrimenti non potrai creare e scaricare il menu creato. Sul lato sinistro, trova il pulsante Modelli e fai clic su di esso. Sotto ci saranno piccole finestre con modelli di menu verticali. Fare clic su di essi uno per uno e visualizzare nella finestra di anteprima. Scegli il template più adatto al tuo sito.
Passo 2
Imposta il carattere e il colore del menu utilizzando la scheda Parametri. Puoi selezionare un carattere e la sua dimensione nel campo Carattere. Se necessario, specificare sottolineato/grassetto. Imposta lo sfondo (sfondo) del menu verticale nel campo Colori, imposta il colore del carattere e il colore di sfondo al passaggio del mouse (fonthover / backgroundhover).
Passaggio 3
Vai al menu Elementi per gestire gli elementi del menu. Facendo clic sul pulsante Cancella cancellerai gli elementi di esempio in modo che tu possa crearne uno tuo. È sufficiente cliccare sul tasto AddItem plus per aggiungere un elemento alla fine del menu. Utilizzando il pulsante AddNextItem, è possibile aggiungere un elemento che seguirà dopo l'ora attualmente selezionata. Il pulsante AddSubitem nel menu crea un elemento nidificato per quello selezionato. Per rimuovere una riga, usa il pulsante RemoveItem.
Passaggio 4
Apri i parametri dell'elemento (ItemParameters) nella parte inferiore del sito. Inserisci un nome per la voce di menu nella riga Testo e il suo indirizzo web in Link. La riga Suggerimento è responsabile della descrizione dell'elemento, mostrata quando il cursore passa sopra il collegamento. La sezione Target definisce come viene aperta la pagina. Con il parametro _self, la pagina può essere configurata per l'apertura nella finestra del browser corrente.
Passaggio 5
Scarica il menu già pronto facendo clic sul pulsante Download in fondo alla pagina. Copia il codice corrispondente che si trova nel file purecssmenu.html nel file modello CSS: all'inizio e alla fine. Assicurati di incollare il codice corretto e salva il file.
