Avisos
Vaciar todo

[Resuelto] Como hacer que cambie imagen cuando pasa ratón por encima (enlace)  

 
David
 David
Noble Member

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
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

David
 David
Noble Member

@karen

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
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

Cursos Gratuitos WordPress

David
 David
Noble Member

Resuelto. El resultado es satisfactorio, muchas gracias.

Respondido : 02/04/2021 8:46 am