Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : LadyK 31 Jan 2011, 13:37:19
-
ciao a tutti,
sto utilizzando il templare rhuk_milkyway..
ho creato un modulo menu che visualizzo in posizione left...ed ho assegnato al modulo come Suffisso Classe Css modulo, _menu1
e ho definito in template.css lo stile di #leftcolumn div.module_menu1
se scrivo
#leftcolumn div.module_menu1 li a:active{
color:#ffffff;
}
mentre
#leftcolumn div.module_menu1 li a:hover {
color:#f7941d;
}
funziona
-
Ciao,
io sul mio sito ho messo la proprietà active al li.
Puoi provare cosi:
#leftcolumn div.module_menu1 li.active a {
color:#ffffff;
}
-
si così funziona..solo che c'è un altro problema
io ho un menu annidato del tipo
voce1
a1
a2
a3
voce2
b1
b2
se scrivo come tu suggerisci...quando mi trovo nella pagina associata ad a1 , si colora di bianco voce1 (e va bene) ma si colorano anche a2 e a3 (e ciò non va bene)
mi serve un'istruzione che colori solo a1 e Voce1.
grazie
-
ho provato ad inserire
#leftcolumn div.module_menu1 ul li ul li.active a{
color:#ffffff;
}
emi colora solo a1...cosa posso fare per far colorare anche Voce1??? che sarebbe la categoria che contiene l'aticolo a1?
-
non so se qs può esservi utile per aiutarmi a trovare una soluzione
inserendo qs codice:
#leftcolumn div.module_menu1 ul li.active {
background: url(../images/sfondo_leftcolumnHover.png) no-repeat;
background-position:0px 6px;
}
mi inserisce correttamente lo sfondo al link e anche al padre, escludendo gli altri figli
se però faccio
#leftcolumn div.module_menu1 ul li.active a{
color:#ffffff;
}
mi colora di bianco anche gli altri figli
-
Allora ho controllato e non hai tutti i torti.
Per far si che ti si applichi alla sola voce che ti interessa nel menu prova a usare l'id.
#leftcolumn div.module_menu1 li#current {
color:#ffffff;
}
In questo modo le regole css verranno applicate solo alla voce che si riferisce alla pagina aperta.
Potresti cmq postare il link della pagina che ci guardo?
-
non ho capito bene ...ho copiato il tuo codice ma non funziona.
ho capito il problema ma non riesco a risolevrlo
#leftcolumn div.module_menu1 ul li.active a{
color:#ffffff;}
va sulla voce del menu attiva e rende bianchi tutti i tag <a> che trova, senza fare discriminazioni....io invece vorrei che si colorasse solo il link in corrispondenza della categoria e non di tutti i suoi articoli...
mi serve cioè un'istruzione che faccia riferimento solo al link associato alla categoria attiva.
non so se è chiaro il probl
-
spulciando tra vari siti...ho letto di #active_menu ma non so bene cosa sia..può essere utile al mio problema???
-
Scusami avevo letto di fretta il tuo post precedente.
inserendo qs codice:
#leftcolumn div.module_menu1 ul li.active {
background: url(../images/sfondo_leftcolumnHover.png) no-repeat;
background-position:0px 6px;
}
mi inserisce correttamente lo sfondo al link e anche al padre, escludendo gli altri figli
se però faccio
#leftcolumn div.module_menu1 ul li.active a{
color:#ffffff;
}
mi colora di bianco anche gli altri figli
Prova a togliere la a dal codice che ti avevo dato e che dicevi funzionare.
#leftcolumn div.module_menu1 li.active {
color:#ffffff;
}
-
non funge....se aggiungo la "a" mi colora sia la categoria che gli articoli
-
un ultimo tentativo:
#leftcolumn div.module_menu1 ul li.active a{
color:#ffffff;
}
#leftcolumn div.module_menu1 ul li ul li a{
color:#111111;
}
#leftcolumn div.module_menu1 ul li ul li.active a{
color:#ffffff;
}
In questo modo il css dovrebbe lavorare per livelli
1- colora tutti i link categoria (attiva) e relativi articoli di bianco
2- corregge i colori degli articoli della categoria riportandoli a nero
3- infine correggo nuovamente il colore del singolo articolo (attivo) mettendolo bianco
Spero che funzioni questa volta
-
no non va! li colora sempre tutti di bianco!
-
Per curiosità il sito è online? mi manderesti il link?
-
no . sto lavorando in locale ...altrimentiti avrei già dato il link
-
Ormai è una questione personale... ;D
Ho provato su un mio sito in locale a cancellare tutto il css e lasciare solo queste righe:
#leftcolumn div.module_menu1 ul.menu li.active a {
color:#ffffff}
#leftcolumn div.module_menu1 ul.menu li.active ul li a {
color:#ff0000}
#leftcolumn div.module_menu1 ul.menu li ul li#current a {
color:#ffffff}e a me fa esattamente quello che vuoi. Se ho selezionato la categoria questa diventa bianca e gli articoli rossi. Se poi vado a selezionare un articolo questo diventa rosso assieme alla categoria e gli altri bianchi.
Prova
-
si funzionaaaaaaaaaaaaaaaaaaa
grazie mille
grazie gazie grazie all'infinitoooooooo
-
Di niente è sempre un piacere aiutare quando si può.
Ti do solo un altro consiglio se gia non lo fai, ti consoglio di usare firebug, è un estensione per firefox utilissima nella compilazione di css. Puoi vedere la struttura e verificare in tempo reale le modifiche al css senza dover salvare il file css, e ricaricare la pagina.
;D ;D ;D ;D ;D ;D