Back to top

Autore Topic: [RISOLTO]Indomabile Effetto Hover nei link  (Letto 3767 volte)

Offline baggio

  • Nuovo arrivato
  • *
  • Post: 46
    • Mostra profilo
[RISOLTO]Indomabile Effetto Hover nei link
« il: 28 Mag 2012, 17:53:38 »
Ciao a tutti


Sto cercando di togliere l effetto hover "blu" di sottolineatura all'interno di un modulo Custom html.
Vi descrivo i passaggi



-Ho creato un modulo Custom HTML, inserendo 2 immagini linked ad un URL. Gli ho dato un MODULESUFFIX: [size=78%]_nonVoglioHover[/size]


-Poi nel layout.css ho inserito la seguente regola:


 .moduletable_nonVoglioHover a


{
   background-color: #FF0;   


 }


Non era quella che mi serviva, ma l ho usata per vedere se legava con il modulo e funziona perfettamente.. il backround delle 2 immagini diventa rosso!


-Poi ho inserito la seguente regola (quella di cui ho bisogno)



.moduletable_nonVoglioHover a:hover


{
   text-decoration: none;   


 } Ma non funziona!!! Ogni volta che passo il mouse sulle immagini link, appare la sottolineatura del blu fastidiosissima. Ho fatto altre prove, ma niente.




Grazie mille come sempre




Il Divin Codino
« Ultima modifica: 28 Mag 2012, 19:54:24 da baggio »

Offline baggio

  • Nuovo arrivato
  • *
  • Post: 46
    • Mostra profilo
Re:Indomabile Effetto Hover nei link
« Risposta #1 il: 28 Mag 2012, 18:19:19 »
Ciao Roberto ho appena notato che il problema non è  text decoration, ma è il backround dell hover, infatti
se mettiamo:





.custom_nonVoglioHover a:hover




{
   background-color: #F0F;   
   
 }


Il blu non verrà piu mostrato, ma verrà mostrato il viola. Tuttavia se metto backround: none; verrà mostrato il blu perchè lo eredita. Quindi devi impedire di ereditare quel backround. Dai che ci sei vicino!!!

Offline baggio

  • Nuovo arrivato
  • *
  • Post: 46
    • Mostra profilo
Re:Indomabile Effetto Hover nei link
« Risposta #2 il: 28 Mag 2012, 18:29:38 »
Ciao Roberto, un trucchetto, se hai un backround bianco è dare:



#custom... a:hover
{
   background-color: #FFF;
 }


L hover non si vedrà perchè è dello stesso colore, ma sicuramente ci sarà un metodo molto più efficace!!


:-)

Offline baggio

  • Nuovo arrivato
  • *
  • Post: 46
    • Mostra profilo
Re:Indomabile Effetto Hover nei link
« Risposta #3 il: 28 Mag 2012, 19:54:00 »

Basta mettere Display: Block Per togliere l'effetto hover




#pincopallino a:hover
{
   background-color: #903;
   display: none;
 }
 


Grazie,  e spero possa essere utile anche a qualcun altro

Offline claudiofollonica

  • Nuovo arrivato
  • *
  • Post: 22
    • Mostra profilo
Re:[RISOLTO]Indomabile Effetto Hover nei link
« Risposta #4 il: 01 Giu 2012, 23:07:36 »
Interessa anche a me!
Ho tolto un plugin per gestire i "pulsanti" sociali sostituendolo con un banale modulo HTML personalizzato dove ho semplicemente inserito le icone dei social network che mi interessano con i relativi link. Quando però mi sposto sopra a un'icona con il mouse compare il fastidioso background blu orizzontale.
Non so niente di CSS, dove dovrei inserire il codice per togliere l'effetto hover?
Non è possibile inserire tutto nel modulo HTML? Possibile che non si possa fare semplicemente da JCE?

Offline claudiofollonica

  • Nuovo arrivato
  • *
  • Post: 22
    • Mostra profilo
Re:[RISOLTO]Indomabile Effetto Hover nei link
« Risposta #5 il: 02 Giu 2012, 11:06:53 »
Mi rispondo da solo ma chiedo conferma se la soluzione trovata (in modo molto empirico :P) è esatta:


nel modulo HTML ho inserito, prima del codice esistente:



<style type="text/css">
.moduletable_noHover a:hover
{
   background-color: #903;
   display: none;
 }
</style>


e nel campo suffisso classe CSS modulo delle "opzioni avanzate" _noHover


Per funzionare funziona!
Lascio così?

 



Web Design Bolzano Kreatif