En este tutorial premium y exclusivo de la Academia OV DIVI aprenderás a crear un impresionante menú circular con un increíble efecto hover en divi.
Este efecto consiste en tener un botón central y al hacer click se nos desplazan las opciones del menú con un efecto de animación. Cada opción del menú también tiene su propio efecto hover, es decir, al pasar el cursor sobre cada opción la imagen hace un efecto de zoom o acercamiento y nos aparece el título correspondiente de cada menú.
Cómo plus a cada opción del menú le agregamos un pop up para que al hacer click en cada una de las opciones del menú se nos despliegue una ventana emergente con más información.
El ejercicio es totalmente responsive y lo puedes comprobar visitando la página de demostración:
> Enlace a la demo del ejercicio.
Si quieres aprender a realizar este increíble efecto no lo dudes y únete de una vez por todas a los tutoriales exclusivos de la Academia OV DIVI.
Excelente estimado, consulta, por cada opción circular, se puede a su vez, llamar a un sub menu con opciones adicionales?, es decir, que se muestre otro menú similar, como quien construye una ramificación.
Gracias,
JM.
Hola Jose, gracias amigo. Este menú solo está adaptado para que solamente tenga un sub menú, no es posible por ahora lo que deseas, pero me gusta la idea que podría intentarlo más adelante.
Excelente estimado, entonces, entiendo que la estructura que esta solución ofrece, seria, este menú y un sub menú adicional.
Perfecto lo analizaremos y pondremos en práctica. La realidad es que un menu circular para el tema Divi parece muy atractivo
Genial Angel, me comentas como te va. Cualquier duda ya sabes que yo encantado de ayudar. Un abrazo 🙂
Hola para poder saber el nombre del pluggin necesito estar suscrito al premium ?
Hola Sergio, no usamos plugin para este ejercicio amigo, lo logramos con un poquito de código personalizado que solamente tienes que copiar y pegar 😃
Para el pop up si usamos Pop up for divi que es un plugin gratis que encuentras en el repositorio de wordpress.