Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : baggio 28 May 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
-
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!!!
-
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!!
:-)
-
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
-
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?
-
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ì?