[RISOLTO]Indomabile Effetto Hover nei link

[baggio]

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

[baggio]

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!!!

[baggio]

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!!


:-)

[baggio]

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

[claudiofollonica]

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?

[claudiofollonica]

Mi rispondo da solo ma chiedo conferma se la soluzione trovata (in modo molto empirico ) è 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ì?