Autore Topic: Come evidenziare le voci del menu al passaggio del mouse  (Letto 10269 volte)

Offline Running

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
 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 

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #1 il: 12 Giu 2012, 11:10:24 »
Bisogna inserire (o modificare) delle classi CSS per quei link.
Servirebbe un link al tuo sito per un aiuto mirato.

Offline Running

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #2 il: 12 Giu 2012, 11:29:06 »
Sì, eccolo 
(...)
 
è comunque in fase di lavorazione


Grazie
« Ultima modifica: 12 Giu 2012, 20:12:32 da Running »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #3 il: 12 Giu 2012, 11:51:37 »
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.

Offline Running

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #4 il: 12 Giu 2012, 12:32:33 »
Intanto allego un'immagine ...

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

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #5 il: 12 Giu 2012, 12:42:08 »
Credo che non ci siamo... sto aspettando ancora la tua spiegazione.

Offline Running

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #6 il: 12 Giu 2012, 13:04:11 »
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

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #7 il: 12 Giu 2012, 13:20:16 »
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;}

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #8 il: 12 Giu 2012, 13:23:24 »
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ì?

Offline Running

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #9 il: 12 Giu 2012, 14:18:56 »
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)

...
   

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #10 il: 12 Giu 2012, 14:31:14 »
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.

Offline Running

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #11 il: 12 Giu 2012, 15:26:01 »
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
« Ultima modifica: 12 Giu 2012, 15:51:09 da Running »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #12 il: 12 Giu 2012, 15:47:18 »
non disabilitarla, a limite cambiare il colore con quello desiderato.

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
    • Italia per Turisti
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #13 il: 12 Giu 2012, 16:02:45 »
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;}
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline Running

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #14 il: 12 Giu 2012, 16:31:46 »
grazie Space, ho provato anche il tuo suggerimento e il rusultato è che mi evidenzia le voci in grassetto e di colore nero

...

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
    • Italia per Turisti
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #15 il: 12 Giu 2012, 16:37:45 »
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.
« Ultima modifica: 12 Giu 2012, 16:39:29 da spaceodissey »
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #16 il: 12 Giu 2012, 16:39:35 »
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.

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
    • Italia per Turisti
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #17 il: 12 Giu 2012, 16:43:22 »
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  :)
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #18 il: 12 Giu 2012, 16:47:33 »
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.

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
    • Italia per Turisti
Re:Come evidenziare le voci del menu al passaggio del mouse
« Risposta #19 il: 12 Giu 2012, 16:54:58 »
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  ;)
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

 

Host

Torna su