Joomla.it Forum

Joomla! 3 => Joomla! 3 => Topic aperto da: svitux - 27 Ott 2017, 19:43:03

Titolo: [RISOLTO] colore sfondo menu
Inserito da: svitux - 27 Ott 2017, 19:43:03
Ciao a tutti,
Ho bisogno di una mano visto che di css non ne capisco molto.
Ho comprato un sito e vorrei modificare la barra del menu. In poche parole, vorrei che lo sfondo di un singolo menu si colorasse al passaggio del mouse. Cosa devo modificare e/o inserire nel mio foglio di stile? Il sito che sto iniziando a modificare : http://svitux.altervista.org/ (http://svitux.altervista.org/)
Grazie 1000
Titolo: Re:colore sfondo menu
Inserito da: Limma - 27 Ott 2017, 20:05:01
Non mi chiarissimo ci che chiedi...
Intendi che al passaggio del mouse la voce di menu avesse uno sfondo tipo quello del link "visualizzatore" che fa apparire il popup col login...?
O vorresti che lo sfondo ci fosse sempre? O che?  :)
Titolo: Re:colore sfondo menu
Inserito da: svitux - 27 Ott 2017, 20:18:47
si, in effetti non molto chiara la mia richiesta.
Vorrei che quando passo con il mouse sulla scritta HOME, il blocco di appartenenza si colorasse di un colore in particolare.
Allego un esempio in modo da rendere meglio l'idea
Grazie
Titolo: Re:colore sfondo menu
Inserito da: Limma - 27 Ott 2017, 20:47:51
Ora il tuo menu ha sfondo "generale" grigio/nero e la voce di menu Home gialla, anche se forse lo in quanto "voce attiva" (le voci non attive sono bianche?).
Di che colore vorresti lo sfondo?
Titolo: Re:colore sfondo menu
Inserito da: svitux - 28 Ott 2017, 00:20:33
lo sfondo lo vorrei celeste, ma solo quando passo sopra con mouse
un esempio, se posso citare un sito, quello che vedete qui: http://demo.joomdev.com/construct/
Lo sfondo del menu color giallo, ma quando si passa sopra con il mouse diventa grigio
Titolo: Re:colore sfondo menu
Inserito da: Limma - 28 Ott 2017, 00:48:33
Prova a mettere questa regola nel file custom.css del tuo template

Codice: [Seleziona]
.sp-megamenu-parent > li:hover > a {
    color: #ffffff;
    background-color: #007fff;
    line-height: 78px;
}
Titolo: Re:colore sfondo menu
Inserito da: svitux - 28 Ott 2017, 09:10:50
grande funziona.
Solo una cosa. Per cambiare il colore del testo quando si colora il box, cosa devo aggiungere?
Ti ringrazio tantissimo
Titolo: Re:colore sfondo menu
Inserito da: Limma - 28 Ott 2017, 09:17:49
Non devi aggiungere nulla, ma devi solo modificare il parametro color:, che quello che qui stabilisce il colore della voce di menu a mouse hover.

Invece di color: #ffffff, metti quello che preferisci tu.
Titolo: Re:colore sfondo menu
Inserito da: svitux - 28 Ott 2017, 13:44:51
Grazie 1000 per l'aiuto.

Titolo: Re:colore sfondo menu
Inserito da: marine - 28 Ott 2017, 13:46:28
Bene!
ora, per cortesia, metti [RISOLTO] all'inizio del titolo del tuo primo post per facilitare la navigazione del forum, grazie!
Titolo: Re:[RISOLTO] colore sfondo menu
Inserito da: svitux - 29 Ott 2017, 10:32:37
ok messo. grazie
Titolo: Re:[RISOLTO] colore sfondo menu
Inserito da: marine - 29 Ott 2017, 13:42:05
Grazie a te