0
0,00 0 prodotti

Nessun prodotto nel carrello.

Stilizzazione menù sinistro Vertnav

Principali classi utilizzate nel foglio di stile dell'estensione Vertnav: #vertnav: è l'id principale, dal quale discendono tutte le classi del css; .active: è la classe dell'elemento lista visualizzato attualmente; .prev: è la classe dell'elemento lista immediatamente precedente a quello visualizzato attualmente; .next: è la classe dell'elemento lista immediatamente successivo a quello visualizzato attualmente; .first: è […]

Principali classi utilizzate nel foglio di stile dell'estensione Vertnav:

#vertnav: è l'id principale, dal quale discendono tutte le classi del css;

.active: è la classe dell'elemento lista visualizzato attualmente;

.prev: è la classe dell'elemento lista immediatamente precedente a quello visualizzato attualmente;

.next: è la classe dell'elemento lista immediatamente successivo a quello visualizzato attualmente;

.first: è la classe del primo elemento lista;

.last: è la classe dell'ultimo elemento lista;

.inactive: è la classe di tutti gli altri elementi lista non compresi nelle precedenti classi;

.levelnr-livello: è la classe relativa agli elementi lista presenti al livello indicato in italico; per esempio, indicando .level0, le modifiche saranno apportate solo agli elementi 'radice' delle categorie, mentre un .level1 interverrà su tutti i sottoelementi e così via;

.vertnav-cat: è la classe associata alle scritte, responsabile quindi di font e colore del testo; va applicata come sottoclasse di una delle precedenti.

Esempi di stilizzazione:

#vertnav .active .vertnav-cat {}: stilizza il testo dell'elemento visualizzato sul sito;

#vertnav .first .vertnav-cat {}: stilizza il testo del primo elemento;

#vertnav .level0 .vertnav-cat {}: stilizza i testi degli elementi radice di ogni categoria;

Lascia un commento

3 Novembre 2009

Alcuni link presenti in questo sito sono affiliati Amazon: guadagniamo una commissione se effettui un acquisto, senza costi aggiuntivi per te.
My Agile Privacy
Privacy and Consent by My Agile Privacy

Questo sito utilizza cookie tecnici e di profilazione. 

Puoi accettare, rifiutare o personalizzare i cookie premendo i pulsanti desiderati. 

Chiudendo questa informativa continuerai senza accettare. 

crossmenu