Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : darinic 20 Dec 2010, 17:14:39
-
Ciao. Ho pubblicato il mio sito al seguente link: www.arteziapina.it (http://www.arteziapina.it)
Ja_Purity è il template che sto utilizzando, apportando qualche modifica qua e là. Vi scrivo perché vorrei apportare una modifica al CSS del menù verticale (quello che si trova a sinistra e che si chiama "Galleria Articoli"). Come potete vedere se si clicca sul singolo link ("Quadri" etc..), questo diventa grassetto (a indicarne l'avvenuta selezione). Quello che vorrei è che lo stesso accadesse anche selezionando uno dei link che costituiscono il sottomenù che si apre cliccando su "Dipinti su stoffa". Ovvero vorrei che cliccando su "Dipinti su stoffa" e subito dopo su "Cuscini" (ad esempio) il link "Cuscini" diventi grassetto (a indicarne l'avvenuta selezione).
Allo scopo, aiutandomi con Firebug, ho inserito all'interno del file css menu.css il seguente codice:
ja-container2 ul.menu li li.active a {
font-weight: bold;
}
ma nulla è cambiato. Ho provato ad aggiungere il seguente codice anche nel file style.css ma nulla anche qui.
Qualcuno mi può aiutare? con l'ausilio di firebug e accedendo al sito che si trova su www.arteziapina.it (http://www.arteziapina.it)
Grazie mille
-
Se provi con
ja-container2 ul.menu li li.active a span {font-weight: bold;}
in teoria dovrebbe funzionare.. no?
-
Eh eh diventavo scemo un tempo con queste regole annidate.... ;D
Devi copiare questa regola nel tuo foglio di stile, qualsiasi foglio di stile purchè ovviamente caricato dal template:
#ja-container2 ul.menu li.active ul li.active a span {
font-weight:bold;
}
;)
-
Grazie Tonicopi. Problema risolto... Ho inserito il codice all'interno del foglio menu.css. E adesso, come avrai potuto verificare tu stesso funge.
Non capisco però una cosa, che ha valenza generale: sui fogli di stile menu.css e style.css ho visto codici CSS simili. Ad esempio sul foglio style.css ho trovato:
#ja-container2 ul.menu li.active a span {
....
}
e lo stesso codice poi sul file menu.css, ma ho visto altre sovrapposizioni di codice...
In questi casi, se i parametri inseriti sono differenti, chi la vince?
-
Regole simili vanno bene uguali no! ;)
In caso di regole con selettore uguale e valori diversi la vince l'ultima che viene scritto:
prima i fogli di stile esterni
poi i fogli di stile incorporati
poi le regole online
Se la regola con selettore uguale sta in due fogli di stile entrambi esterni vince quella caricata per seconda poichè, sempre, ci sarà un ordine cronologico nel caricare i fogli di stile nella head del template.
Sempre l'ultima regola sovrascrive quella precedente, a cascata... appunto! ;)