Come Fare Un Menu Sul Sito

Sommario:

Come Fare Un Menu Sul Sito
Come Fare Un Menu Sul Sito

Video: Come Fare Un Menu Sul Sito

Video: Come Fare Un Menu Sul Sito
Video: TUTORIAL - Come creare un menu a tendina in HTML5 e CSS3 | FoglioDiStile.Com 2024, Dicembre
Anonim

La tecnologia dell'informazione si sviluppa ogni giorno. E quello che prima sembrava qualcosa di irraggiungibile, oggi è già disponibile per quasi tutti gli uomini della strada. E non è affatto necessario avere abilità e conoscenze soprannaturali per creare il proprio sito web. E se stiamo solo parlando di aggiungere un menu alla tua risorsa, allora anche uno scolaro può gestirlo.

Come fare un menu sul sito
Come fare un menu sul sito

È necessario

Computer con connessione Internet

Istruzioni

Passo 1

Vai al sito Web PureCSSMenu. Qui vedrai un editor visivo con il quale puoi creare rapidamente e facilmente un menu per qualsiasi sito.

Passo 2

Per andare alla pagina in cui sono disposti i modelli di menu, fai clic sul pulsante "Modelli", che si trova a sinistra. Quindi devi selezionare il modello che ti piace e fare clic su di esso. Nella finestra "Anteprima", vedrai un menu davvero funzionante, creato utilizzando fogli di stile a cascata.

Passaggio 3

Sfoglia ciascuno dei modelli suggeriti per scegliere quello più adatto al tuo sito. Se il colore e il carattere che ti sono piaciuti per lo stile del menu non si adattano alla combinazione di colori del sito, puoi modificare questi parametri facendo clic sulla scheda "Parametri".

Passaggio 4

Cambia il colore e il carattere usando il codice HTML o selezionalo dalla tavolozza offerta dalla risorsa facendo clic sulla tonalità che ti piace.

Passaggio 5

Ora crea una struttura di menu per il tuo sito. Per fare ciò, fai clic sul pulsante "Elementi". Nella scheda che si apre, vedrai un pulsante con un grande segno più e la scritta "Aggiungi elemento". Fare clic su questo pulsante e verrà aggiunto un nuovo elemento alla fine del menu. Per inserire un nuovo elemento al centro del menu, seleziona la scheda dopo la quale deve essere aggiunto e fai clic sul pulsante "Aggiungi elemento successivo".

Passaggio 6

Per aggiungere una voce secondaria al menu a discesa, premere il pulsante "Aggiungi voce secondaria", dopo aver selezionato la voce di menu che conterrà la nuova scheda. Se desideri rimuovere uno degli elementi, selezionalo e fai clic sul pulsante "Rimuovi elemento".

Passaggio 7

Nell'area "Parametri voce" è necessario compilare tutti i campi affinché il nuovo menu funzioni correttamente. Nel campo "Testo", inserisci il nome della voce di menu, nel campo "Link", inserisci l'indirizzo della pagina a cui avverrà la transizione dopo aver fatto clic su questo pulsante. Per scegliere come aprire la pagina, nel campo “Target” impostare il valore “_self” o “_blank”. Con la prima opzione, la pagina si aprirà nella stessa finestra, con la funzione "_blank" selezionata - in una nuova.

Passaggio 8

Ora devi incollare il codice del menu creato nel tuo sito. Per fare ciò, fai clic sul pulsante "Download", che si trova nell'angolo in basso a destra, e seleziona una cartella sul tuo computer in cui verrà salvato l'archivio purecssmenu-com.zip. Dopo aver salvato il file, scompattare questo archivio e aprire il file purecssmenu.html, che contiene il codice del menu. Copia questo codice e incollalo nel file modello del tuo sito web.

Consigliato: