Mostrar una capa con texto al pasar por un icono
-
Tengo una pagina donde en la portada tengo 4 iconos que representan los servicios que se brindan, la idea es que al pasar por cada uno de los iconos, primero haga un rollover con otra imagen y que en la parte inferior se muestre el texto de detalle de ese servicio representado por el icono(el texto es algo extenso por lo que se debería mostrar en una capa mas o menos amplia), hay algun plugin con el que se pueda hacer esto, o de que forma se puede hacer, como le meto programación a la pagina y si alguien tiene algun codigo que me pueda ayudar, le agradecería.
Alguien me puede dar alguna luz sobre como hacer esto?
-
Buenas,
¿El menú lo haces de manera genérica con WP?
La manera «normal» sería con css. A los elementos del menú le pones una clase propia y ponerle un background-image. En el botón de menú tener una capa oculta (display:none) y en el estado :hover ponerle display:block
Por el contenido del texto pouedes hacerlo con un :after de css o si quieres hacerlo mejor deberás crear un walker del menú.
https://developer.wordpress.org/reference/classes/walker/Esto es la manera más técnica, también puedes probar alguno de los plugins en el repositorio
https://es.wordpress.org/plugins/tags/megamenu/
El debate ‘Mostrar una capa con texto al pasar por un icono’ está cerrado a nuevas respuestas.