Come evidenziare le voci del menu al passaggio del mouse

[Running]

 Salve a tutti.
Ecco una nuova richiesta di aiuto

Vi chiedo se è possibile (e come fare), nel template allrounder, creare un effetto che evidenzi il passaggio del mouse sulle voci del menu principale, per intenderci qualcosa di simile a quello presente in questo menu http://www.joomlacsszengarden.com/joomla16/index.php/ricerca-avanzata;
e, se non chiedo troppo  , come ottenere sempre un effetto che evidenzi le voci del menu al passaggio del mouse sul top-menu
Ho già cercato in giro e sul forum e fatto qualche tentativo ma evidentemente non ho le idee ben chiare …
Un aiuto sarebbe veramente prezioso
Grazie e buona giornata 

[xplosion]

Bisogna inserire (o modificare) delle classi CSS per quei link.
Servirebbe un link al tuo sito per un aiuto mirato.

[Running]

Sì, eccolo 
(...)
 
è comunque in fase di lavorazione


Grazie

[xplosion]

Adesso spiegaci cosa intendi con "effetto che evidenzi il passaggio del mouse sulle voci del menu principale" ?
Perché in questo momento esiste già un effetto che trasforma in grassetto i titoli.

[Running]

Intanto allego un'immagine ...

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[xplosion]

Credo che non ci siamo... sto aspettando ancora la tua spiegazione.

[Running]

sì, eccoci.
Allora sì, il template che uso prevede l'effetto che evidenzia in grassetto i titoli (si può anche attribuire un effetto movimento della voce del menu al passagigo del mouse)

mi chiedevo se al posto del grassetto (o anche insiema al grassetto) si potesse creare un affetto che evidenziasse le voci come nel sito linkato in precedenza (come spiegarlo - l'area della voce di menu ha un colore diverso, un'ombreggiatura ecc).

Per il top menu chiedevo se esiste la poissibilità del cambio di colore (dell'area della voce del menu) al passaggio del mouse - il template di suo non lo prevede ...

... spero, anche se ne dubito, di essermi spiegato

[xplosion]

Così va meglio...
Quindi, apri colors.css (riga 231) e al posto di:

Codice: [Seleziona]

.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
color: #000;
font-weight:bold;}
inserisci questo:

Codice: [Seleziona]

.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
    color: #0c0;
text-shadow:0 1px 0 #fff;}

[xplosion]

Per il top menu chiedevo se esiste la poissibilità del cambio di colore (dell'area della voce del menu) al passaggio del mouse - il template di suo non lo prevede ...

Io vedo benissimo che al passaggio del mouse si cambia il colore delle voci di menu dal griggio al bianco.
Non lo vedi così?

[Running]

intanto grazie mille per l'aiuto

ho fatto esattamente quanto da te indicatomi, ma l'unico risultato è che al passaggio del mouse è sparito il grassetto ... e di altre evidenze nessuna traccia (come potrai vedere)

per il top menu, si vedo che cambia colore solo il testo ma mi chiedevo (se non è chiedere troppo) se si potesse ottenere un effetto di colore diverso, al passaggio del mouse, sulla porzione di voce di menu sulla quale ci si trova (come qui sul forum che al passaggio l'area diventa grigia - sul top menu)

...
   

[xplosion]

Per il menu di sinistra, sembra che esiste un'istruzione css inline che ha la precedenza, controlla nelle impostazioni del template o del modulo se ci sta (dovrebbe).
Per il top menu, quello che vuoi e cambiare lo sfondo al passaggio del mouse, non del colore del testo.
Quando si parla di "colore" si intende il colore del testo, quando si tratta di sfondo questo va specificato, tanto per chiarire un pò le idee.
Bisogna creare delle immagini con il colore desiderato per il mouseover, caricarle e inserire le istruzioni nel css, ma l'argomento è più complesso... non so come spiegartelo.

[Running]

Per quanto riguarda l'istruzione css in line ho controllato sia nel modulo che nelle impostazione del template ma non ho trovato niente, cmq adesso ricontrollo
ho trovato, invece,  in vari punti dei vari fogli di stile  inline_block ma riferiti al top menu, maincontent ecc
(ma come dovrei agire?)

ok, chiaro per il top menu

ti ringrazio anche per la pazienza

[xplosion]

non disabilitarla, a limite cambiare il colore con quello desiderato.

[spaceodissey]

Non è molto elegante -anzi, per niente!- ma se non trovi il modo di togliere lo stile inline modifica

Codice: [Seleziona]

.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
color: #000;
font-weight:bold;}
in

Codice: [Seleziona]

.module_menu .lvround-inner ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
color: #000 !important;
font-weight:bold;}

[Running]

grazie Space, ho provato anche il tuo suggerimento e il rusultato è che mi evidenzia le voci in grassetto e di colore nero

...

[spaceodissey]

grazie Space, ho provato anche il tuo suggerimento e il rusultato è che mi evidenzia le voci in grassetto e di colore nero

Che era quello che volevi, no? Poi ci puoi giocare come vuoi:

Codice: [Seleziona]

.module_menu .lvround-inner ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
background-color: #19279E;
color: #FFF !important;
font-weight:bold;}

Ripeto che però non è per niente elegante.

[xplosion]

color: #000 !important;

Questo credo che è inutile perché lo stile inline ha già l'atributo !important e di conseguenza ha la precedenza sullo stile inserito nel file css.

[spaceodissey]

Questo credo che è inutile perché lo stile inline ha già l'atributo !important e di conseguenza ha la precedenza sullo stile inserito nel file css.

Sì, ma nella parte di puntamento gli ho fatto aggiungere .lvround-inner, in questo modo il puntamento è più preciso, e con !important riesce ad avere la precedenza. E' un workaround per niente elegante, ma funziona, tant'è vero che lo vede nero 

[xplosion]

gli ho fatto aggiungere .lvround-inner...

Ecco, non l'avevo notato. Hai ragione, così il puntamento è più preciso.
Beh, anche se non elegante, questa è l'unica soluzione se non si trova da nessuna parte lo stile inline da modificare.

[spaceodissey]

Ecco, non l'avevo notato. Hai ragione, così il puntamento è più preciso.
Beh, anche se non elegante, questa è l'unica soluzione se non si trova da nessuna parte lo stile inline da modificare.

Sì, ma non mi piace. Odio le cose non eleganti 

[Running]

ehmmmm, adesso provo le nuove dritte ma ................................

veramente quello che chiedevo era come ottenere un effetto simile a quello usato nei vari menu presenti in questa pagina http://www.joomlacsszengarden.com/joomla16/index.php/ricerca-avanzata creata da tonicopi
 - qualcosa che evidenzi lo sfondo (avevo messo il link all'inizio  )

Comunque grazie, sono in ogni caso suggerimenti molto utili

[spaceodissey]

ehmmmm, adesso provo le nuove dritte ma ................................

veramente quello che chiedevo era come ottenere un effetto simile a quello usato nei vari menu presenti in questa pagina http://www.joomlacsszengarden.com/joomla16/index.php/ricerca-avanzata creata da tonicopi
 - qualcosa che evidenzi lo sfondo (avevo messo il link all'inizio  )

Comunque grazie, sono in ogni caso suggerimenti molto utili

Sì, l'ultimo codice che ti ho mandato dovrebbe farlo. Non lo fa?

[Running]

Sì ... esatto
l'ho provato adesso e funziona .....
grande

evidenzia l'area in blu -   
e oltre a ringraziarti ulteriormente .... mm niente cos'altro posso chiederti? (lo sfondo si può avere solo uniforme?) ...   scherzo
... certo non mi metto a chiederti sul fatto del perché non sia elegante


CMQ va bene, grazie per il prezioso aiuto Space  e Xplosion 

[spaceodissey]

Sì ... esatto
l'ho provato adesso e funziona .....
grande

evidenzia l'area in blu -   
e oltre a ringraziarti ulteriormente .... mm niente cos'altro posso chiederti? (lo sfondo si può avere solo uniforme?) ...   scherzo
... certo non mi metto a chierti sul fatto del perché non sia elegante

Si può avere solo uniforme. Se lo vuoi sfumato o con altri effetti devi caricare un'immagine e poi richiamarla con i CSS

Non è elegante perchè usiamo l'attributo !important per sovrascrivere un altro attributo !important. 

[Running]

 
grazie di tutto

[spaceodissey]

grazie di tutto

Prego!