Avisos
Vaciar todo
Hola,
Me gustaría que un muñequito de login, cambiara de color al pasar el ratón por encima. Es decir dos imagenes, una gris y otra naranja por ejemplo. Muñeco gris y que al pasar el ratón se muestre el naranja.
Lo tengo en un módulo personalizado (el muñeco con el enlace). ¿Cómo podríamos hacer esto?
Muchas gracias
Contenido solo visible a usuarios registrados
Respondido : 01/04/2021 10:49 am
Hola David,
Como añades este enlace en tu sitio web, usualmente para modificar estas opciones debes usar reglas css que permitan añadir los cambios que deseas. Para modificar los estados cuando se posiciona un elemento en hover siempre es mejor usar iconos de modo que podamos cambiarle el color, de lo contrario sera necesario aplicar otro tipo de reglas.
Algo que podrías hacer con una imagen es aplicar un filtro para darle un color sutil que genere algún efecto al pasar el mouse sobre el, por ejemplo puedes probar con el siguiente código CSS
#gkTopMenu a img:hover {
filter: contrast(200%);
}
Verifica si con esto logras añadir el efecto que deseas
Un Saludo
Respondido : 01/04/2021 1:38 pm
No se cómo usar iconos, tal y cómo dices. Se trata de insertar otro tipo de imagen en el modulo personalizado ? con otra extensión ? Cuál ?
Tampoco sabemos en que CSS debemos meter este código CSS que nos pasas para que funcione. Porque no encontramos un Custom (genérico) en esta web para hacerlo. He probado en dos o tres generales, pero no funciona. :/ , creo que porque no doy con el CSS de esta plantilla , adecuado.
🙄
Respondido : 01/04/2021 7:36 pm
Hola David,
En que archivo del css lo estas aplicando, usualmente se encuentra en Style.css coméntanos donde esta ubicado el archivo que estas modificando para verificar.
Un saludo 🖐️
Respondido : 01/04/2021 8:22 pm
Resuelto. El resultado es satisfactorio, muchas gracias.
Respondido : 02/04/2021 8:46 am
