Cambiare colore voce menù con menu attributes

10 contenuti / 0 new
Ultimo contenuto
Cambiare colore voce menù con menu attributes

Ciao a tutti, come da oggetto, mi stavo cimentando in questa opera.

Ho dunque creato delle nuove classi nel file style.css

ul.pippo{
   position: relative;
   display: block;
   height: 26px;
   cursor: pointer;
   text-decoration: none;
   color: #ffffff;
   padding: 0 12px;
   line-height: 26px;
   text-align: center;
}
ul.pippo:before, ul.pippo:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url('images/domanda.png');
}
ul.pippo:before
{
   left: 0;
   right: 0;
   background-position: top left;
}
ul.pippo:after
{
   width: 0;
   right: 0;
   background-position: top right;
}
.pippo_hmenu a, .pippo_hmenu a:link, .pippo_hmenu a:visited, .pippo_hmenu a:hover
{
   font-weight: bold;
   text-align: left;
   text-decoration: none;
}
ul.pippo.active:before {
   background-position: bottom left;
}
ul.pippo.active:after {
   background-position: bottom right;
}
ul.pippo.active {
   color: #FFFFFF;
}
ul.pippo:hover:before, ul.pippo_hmenu>li:hover>a:before {
   background-position: center left;
}
ul.pippo:hover:after, ul.pippo_hmenu>li:hover>a:after {
   background-position: center right;
}
ul.pippo:hover, ul.pippo_hmenu>li:hover>a{
   color: #C84504;
}

Ho richiamato dunque la classe dalle opzioni del modulo ma senza alcun risultato tangibile.

http://postimage.org/image/h30m5il4b

Sapreste illustarmi la procedura corretta? Grazie.

Devi levare il punto.

Pur avendo eliminato il punto quella voce di menù non cambia. Altre idee?

Non avendolo mai usato ho fatto una prova su D7 e funziona, bisogna aggiungere la classe voce per voce.

Quindi? Sii più esplicativo, per favore.

Il mio file CSS va bene? L'errore è lì o nella configurazione del modulo?

Il tuo CSS non lo ho provato. Ho provato il modulo ed ho visto che aggiunge i selettori ai tag anchor dei del menu.

Quindi, ad esempio:

ul.pippo.active {
   color: #FFFFFF;
}

Così dovrebbe funzionare:

a.pippo.active {
   color: #FFFFFF;
}

Devo quindi sostituire ad "ul" "a"? E dove non vi è nemmeno ul?

Sarà un po difficile che esista un a.pippo.active dove non c'è un ul, a meno che tu non abbia usato lo stesso selettore per altro.

In altre parole? Scusami ma sono un vero noob.

:D diciamo che allora non ti resta che provare e vedere se funziona.

Ad ogni modo il menu è sicuramente racchiuso in un div con un ID, quindi se proprio temi che altri tag anchor possano avere problemi puoi dichiararlo all'inizio.