Come Personalizzare Il Menu Del Sito

Sommario:

Come Personalizzare Il Menu Del Sito
Come Personalizzare Il Menu Del Sito

Video: Come Personalizzare Il Menu Del Sito

Video: Come Personalizzare Il Menu Del Sito
Video: Come personalizzare il menù del sito Wordpress | Corsi START 2024, Maggio
Anonim

Ucoz è un popolare sistema di gestione di siti web. Con il suo aiuto, puoi personalizzare ogni elemento della tua risorsa e creare un design di pagina unico. Il menu è uno degli elementi principali di qualsiasi sito, perché è attraverso di esso che l'utente naviga attraverso la tua risorsa.

Come personalizzare il menu del sito
Come personalizzare il menu del sito

Istruzioni

Passo 1

Puoi utilizzare i controlli del generatore di siti per personalizzare il menu in Ucoz. Quindi, puoi cambiare il colore di sfondo del modello selezionato, il colore dei collegamenti e il testo nei blocchi di menu. La modifica di tutti gli elementi avviene tramite il menu del designer "Design" - "Design Management (CSS)".

Passo 2

Questo aprirà un foglio di stile CSS, ad es. il modello in base al quale vengono visualizzati gli elementi dell'interfaccia. Trova la riga navBar nel codice visualizzato e modificala come ritieni opportuno. Per esempio:

#navBar {imbottitura: 4px; sfondo: # 959595; trabocco: automatico; colore rosso; }

Passaggio 3

Questo codice imposta il rientro del testo dai bordi del blocco creato di 4 pixel, mentre lo sfondo del menu acquisisce il valore #959595, che corrisponde ad un certo colore nel formato HTML. Il parametro overflow: auto viene utilizzato per impostare la visualizzazione del contenuto che non rientra nell'area specificata. Questo parametro non dovrebbe essere modificato senza particolari necessità. L'opzione colore imposta gli elementi di contenuto del blocco sul rosso.

Passaggio 4

Per modificare i parametri di un collegamento, puoi anche utilizzare le opzioni che si trovano nello stesso blocco di codice. Modifica la #navBar a: link (link normale), a: active (link color after click), a: visited (link visitato) e a: hover (link color after hover) a tuo piacimento. Cambia il colore dell'attributo del colore e modifica il parametro di decorazione del testo, che imposta gli attributi per il testo. I valori per questa opzione possono essere sottolineato, lampeggiante, linethrough, overline.

Passaggio 5

Dopo la modifica, fai clic sul pulsante "Salva". In modo simile, cambia le righe.subColumn (sfondo per la visualizzazione di voci di menu verticali),.boxTable (titoli dei blocchi di menu),.boxContent (contenuto di elenchi di collegamenti di menu),.uMenuV (voci di menu verticali) a tuo piacimento. Puoi rimuovere i parametri non necessari e inserire il tuo codice CSS, nonché modificare i colori di altri elementi nel design.

Passaggio 6

Salva le modifiche e visualizza il risultato accedendo alla pagina del tuo sito web. La modifica delle voci del menu Ucoz è completa.

Consigliato: