Dopo aver
aggiunto e configurato il menu a tre linee, personalizzane l'aspetto e il layout per completare il tuo sito. Puoi regolare i tasti, il contenitore e gli elementi del menu in modo che appaiano esattamente come desideri.
In questo articolo, scopri di più su come:
Usa le opzioni per mostrare l'aspetto di ogni tasto: quello su cui i visitatori cliccano per aprire il menu e quello su cui cliccano per chiuderlo.
Per personalizzare i tasti:
- Seleziona il menu a tre linee nell'Editor
- Scegli il tasto che vuoi personalizzare:
- Tasto Menu: clicca sul tasto
- Tasto Chiudi:
- Clicca su Modifica menu
- Clicca sul tasto Chiudi nel contenitore
- Scegli come personalizzare il tasto:
Personalizza il design del tasto
Clicca sull'icona
Design 
per personalizzare l'aspetto del tasto:
- Sostituisci design: seleziona un nuovo design per i tasti dal pannello
- Regola design: clicca su Personalizza design per personalizzare ulteriormente il tasto:
- Stato: scegli lo stato per cui vuoi personalizzare il tasto (Regolare o Passaggio mouse)
- Riempimenti sfondo: scegli un colore per il tasto e rendilo più o meno opaco
- Testo: imposta il carattere, la dimensione del testo, il colore e la formattazione del testo del tasto
- Bordi: aggiungi e personalizza un bordo sul tasto
- Angoli: imposta il raggio (in pixel) per rendere il tasto più arrotondato o più squadrato
- Ombra: aggiungi e regola un'ombra sul tasto per dargli un effetto 3D
- Layout: ingrandisci o riduci la spaziatura interna attorno al tasto
- Icona: imposta le dimensioni, il colore e l'angolo di rotazione del tasto
Nota: le opzioni disponibili dipendono da ciò che scegli di mostrare sul tasto: testo, icona o entrambi.
Regola il layout e la visualizzazione
- Clicca sull'icona Layout
- Seleziona un'opzione sotto Scegli cosa mostrare:
- Solo icona: viene visualizzata solo l'icona
- Solo testo: sul tasto viene visualizzato solo il testo
- Testo e icona: vengono visualizzati sia il testo che un'icona
- Posizione icona: scegli la posizione dell'icona rispetto al testo: a sinistra, a destra, sopra o sotto
- La spaziatura tra testo e icona: utilizza il cursore per aumentare o ridurre la spaziatura tra il testo e l'icona
- Scegli un'opzione sotto Allineamento: a sinistra, a destra o al centro
Regolare il contenitore e l'overlay
Scegli il layout e imposta lo sfondo per il contenitore che mostra gli elementi del menu. Se
abiliti un overlay, puoi modificarne lo sfondo in base alle tue esigenze di design.
Per regolare il contenitore e l'overlay:
- Seleziona il menu a tre linee nell'Editor
- Clicca su Modifica menu
- Personalizza il contenitore/overlay a tuo piacimento:
Regola le dimensioni e il layout del contenitore
- Clicca sull'icona Layout
- Scegli cosa modificare:
- Larghezza: scegli come allungare il contenitore:
- Schermo intero: il contenitore del menu si estende per l'intera larghezza dello schermo
- Personalizzato: utilizza le maniglie di trascinamento per ingrandire o rimpicciolire il contenitore
- Allineamento: imposta l'allineamento del contenitore a sinistra, al centro o a destra
Progetta il design del contenitore
- Clicca in un punto qualsiasi dell'overlay per personalizzarne il design
- Clicca su Cambia sfondo dell'overlay
- Scegli un tipo di overlay:
- Colore: seleziona un colore o un gradiente per l'overlay e imposta l'opacità
- Immagine: imposta un'immagine come sfondo dell'overlay. Puoi utilizzare le immagini gratuite disponibili su Wix o caricare/aggiungere le tue
- Video: imposta un video come sfondo dell'overlay. Puoi scegliere un video d'archivio o caricarne uno tuo
- (Facoltativo) Clicca su Impostazioni
per regolare l'opacità dell'overlay e altre impostazioni
Nota: le impostazioni disponibili dipendono dal tipo di overlay. Ad esempio, puoi impostare la velocità di riproduzione per i video, impostare il ridimensionamento e il posizionamento per le immagini, ecc.
Personalizza l'aspetto del menu stesso per completare il tema generale del tuo sito. Puoi modificare l'allineamento e la struttura, nonché il design delle voci del menu.
Per personalizzare il design del menu:
- Seleziona il menu a tre linee nell'Editor
- Clicca su Modifica menu
- Clicca sulle voci di menu
- Scegli come vuoi modificare il menu:
- Layout: clicca sull'icona Layout
e scegli tra le seguenti opzioni:
- Com'è allineato il testo? Seleziona se il testo del menu è allineato a sinistra, a destra o al centro
- Posizione freccia sottomenu: seleziona se la freccia del sottomenu si trova a sinistra o a destra del testo del menu
- Design: clicca sull'icona Design
e personalizza il menu come desideri:
- Scegli lo stato del menu che vuoi personalizzare (Regolare o Selezionati)
- Regola il design utilizzando le opzioni:
- Colore e opacità
: scegli il colore di riempimento del menu e regolane l'opacità - Bordo
: regola la larghezza e il colore del bordo del menu - Ombra
: aggiungi un'ombra e regolane l'angolo, le dimensioni, la sfocatura, il colore e la distanza - Testo
: modifica le impostazioni del testo del menu, come carattere, dimensione e formato - Spaziatura
: regola la spaziatura e l'offset del menu utilizzando i cursori
: inserisci il raggio (px) per rendere gli angoli del contenitore più arrotondati o più squadrati
