Plugin destacado Divin: div Madmenu

¡Encuéntralo en la Plaza Div Div Madmenu está disponible en Div Marketplace! Esto significa que nuestra revisión ha pasado y se ha encontrado que cumple con nuestros estándares de calidad. Puede visitar Divicio.us en el mercado para ver todos los productos disponibles. Los productos comprados en Div Marketplace tienen un uso ilimitado del sitio web y una garantía de 30 días para devolver dinero (como Div). Compra en el Div
Div Madmenu es un complemento de terceros para Div que agrega un nuevo constructor de temas de características de menú. Agregue botones, un carrito de compras de WooCommerce, opción de búsqueda y ajuste la ubicación de cada elemento. Diseñe menús, tabletas y teléfonos de escritorio independientes y establezca los puntos de interrupción. Establezca el encabezado como una solución y agregue animaciones. Cada artículo es personalizable. En este artículo, echaremos un vistazo a Div Madmenu y veremos qué puede hacer.
Div Madmenu con temas de la brecha constructor

Div Madmennu fue especialmente diseñado para trabajar con Temo Builder Div. Después de instalar el complemento, vaya al creador de temas, haga clic en Agregar encabezado global y seleccione Build Global Header para crear el encabezado personalizado.

Verá un nuevo modo agregado al constructor Divin llamado Madmenu. Esta es la única forma en que tendrá que usar, pero puede usar otros si desea agregar más funciones. Contenido

El módulo muestra un menú y ofrece muchas opciones para personalizarlo. Elements le permite activar funciones como escritorio y menú móvil, logotipo, búsqueda, cesta y dos botones. Se pueden organizar de manera diferente y elegante independientemente.

El menú Desktop le permite elegir el menú de visualización, establecer el punto de interrupción para determinar cuándo cambia en un menú móvil y establecer la animación y duración del Sumen. Restra el Submenus, para hacer clic en los enlaces principales y elegir el modo de acordeón . Incluye las mismas opciones de animación que el menú de escritorio.

El cambio del menú móvil incluye opciones para iconos y etiquetas, incluido el formato de conmutación, las etiquetas cerradas y abiertas y la posición de la etiqueta.

Si se activa el logotipo, verá una opción para elegir el logotipo, proporcionar una URL del enlace y decidir si se abrirá en la misma ventana.

Si la búsqueda se activa, puede elegir un icono o imagen.

Para la canasta, puede mostrar el icono, el contenido o el icono y el contenido, puede seleccionar una imagen o mostrar el logotipo, puede elegir opciones de visibilidad, una actualización en vivo, etc.

El botón 1 y el botón 2 se ajustan de forma independiente, pero tienen las mismas opciones. Agregue texto, un icono, elija la colocación del icono, la visibilidad, el enlace y seleccione cómo se abre. En el ejemplo anterior, agregué texto a ambos botones y agregué un icono al primer botón. Diseño

La pestaña de diseño agrega opciones para texto, elementos de menú, escritorio y menús móviles, escritorio y submenus móviles, logotipo, búsqueda, canasta, botones y más. Éstos son algunos de ellos.

El aspecto general le permite elegir la alineación. Coloque a la derecha, a la izquierda, al centro, alrededor del espacio, en el espacio entre y un espacio uniforme. Elija la dirección desplegable y establezca el orden del menú para el escritorio y el móvil. En este ejemplo, establecemos la alineación a la derecha y establecemos la lista vertical directa del submenus hacia arriba. Los elementos de apariencia le permiten controlar la alineación, ancho, etc. del menú, logotipo, búsqueda, canasta, botón 1 y botón 2.

Cada uno de los elementos tiene una opción de diseño de texto que incluye configuración tanto para el menú normal como para el menú fijo. Ajuste el color del enlace activo, el color del enlace habitual, la fuente, el peso de la fuente, el tamaño, el espacio, etc. El ejemplo anterior es Texto: Menú de escritorio. Cambié los colores, el tamaño de la fuente y el espacio.

Texto

Este es el submenú de texto: escritorio. Cambié los colores, el tamaño de la fuente y escribí el texto en mayúsculas.
Este es texto: cambio de menú móvil. Proporciona personalizaciones de texto para texto abierto y cerrado. Cambié el color de la fuente y aumenté el tamaño y la distancia entre las letras.

Este es texto: menú móvil. Cambié los colores de la fuente y escribí el texto en mayúsculas.

Texto: el submenú móvil controla las fuentes para el menú Drop -down. Cambié los colores, seleccioné el texto en mayúsculas con una primera letra para cada palabra, aumenté el tamaño de la fuente y centré el texto.

Texto: botón 1 y texto: el botón 2 tiene las mismas opciones y controla sus botones independientes. Aumenté el tamaño de la fuente para ambos botones y hice el primer botón más grande. También cambié sus colores. Para el botón 2, seleccionamos otra fuente.

Texto: la canasta controla la fuente para el texto del contenido del carro. Cambié el color de la fuente, aumenté el tamaño, hice la cursiva, enfaticé la fuente con un estilo ondulado y cambié el color subrayado. Las menulas de menú de escritorio le dan control sobre fondos, bordes, forro, esquinas, bordes, sombra de caja, etc. caja de sombra.

Los elementos en el submenú de escritorio le brindan el mismo control que los elementos del menú. Cambié el color de fondo, agregué un borde en la parte superior de cada elemento y agregué un tono de caja.

Me gusta que cada uno de los elementos se pueda estilizar individualmente. Agregué las sombras de la caja al menú principal, el menú y los elementos de búsqueda y redondeé sus esquinas. También cambiamos los colores de las fuentes y los fondos.

Aquí hay uno que creé para mi sitio de prueba. Agregué el logotipo con una sombra de la caja, el menú principal, la búsqueda, la canasta y ambos botones. Los botones están decorados con fondo blanco y bordes negros. También agregué un borde inferior con colores de color.


Podemos tener una mejor idea de lo que se puede hacer con los menús, cavando en manifestaciones. Div Madmenu Demoss

El complemento viene con 10 demostraciones de Madmenu que puede cargar en la biblioteca de la Divica. Varias demostraciones tienen imágenes en sus archivos. Tendrás que cargarlos en la biblioteca de medios.

Para usar una demostración con temas generadores, haga clic para crear un encabezado global. Haga clic para insertar una sección y elija Agregar desde la biblioteca. Ahora puede elegir cualquiera de las demostraciones para usar.
Use demostraciones como punto de partida para crear modelos o simplemente agregar el logotipo y los menús. Utilizo colores de fondo, opciones de logotipos, opciones de búsqueda y botones CTA. Veamos algunas de las demostraciones con mi sitio de prueba. Estos incluyen diferentes modelos para la sede de escritorio, tableta y teléfono. Demo 1

La demostración 1 utiliza el título, el menú y el botón del sitio 1. El menú utiliza la alineación central. El submenú incluye un estilo con un tono de caja y bordes para separar los enlaces. Floté sobre el segundo enlace.

El móvil aumenta el tamaño de las fuentes y utiliza el mismo estilo para el menú principal y el submenú. También usa texto con un icono para el botón de apertura y cierre y reemplaza el título del sitio con el logotipo. Demo 2

Demo 2 agrega un logotipo, busca con un icono rodeado por un lado, menú centrado, carrito de compras y botones. Ambos botones muestran logotipos en las redes sociales. Los elementos en el submenú tienen un estilo de fondo independiente.
El menú móvil enfoca todos los iconos, reemplaza el texto del menú con un icono de luz y agrega azul claro para el menú. Demo 3

La demostración 3 usa los botones interesantes. El botón 1 incluye texto para iniciar sesión o grabación y tiene un efecto de desplazamiento que elimina el fondo. El botón 2 usa la imagen de un corazón dibujado en la línea.

Para el móvil, el botón de apertura / cierre incluye el icono y el texto debajo del icono. Los iconos de los botones están igualmente espaciados en el encabezado utilizando el espacio entre ellos. El título del sitio se reemplaza con el logotipo, que se mueve a la derecha. Demo 5

Demo 5 usa espacio para apariencia y muestra botones como CTA. Ambos botones usan fondos de diferentes colores para destacar. Los menús móviles colocan los botones derecho e izquierdo y agregan iconos. El logotipo y el botón de apertura / bloqueo con texto e icono se colocan en el centro. Demo 7

La demostración 7 coloca los botones en ambos lados del encabezado con el menú en el centro. El logotipo se coloca sobre el nombre del sitio. El menú incluye el icono de apertura y cierre de texto. Los elementos en el menú de caída se separan entre sí para que se puedan mostrar las partes del fondo.

La versión móvil mantiene los botones en su lugar y reemplaza el texto con iconos. El título del sitio también se elimina. Demo 8

La demostración 8 incluye amarillo engrosado con un menú desplegable y un título zurdo, y el menú de botones derecho. Cada uno de los botones incluye elementos gráficos.

El menú móvil coloca los botones y el logotipo izquierdos y el icono del menú a la derecha. Demo 10

Demo 10 usa un jardín para el fondo y coloca un fondo más oscuro detrás de cada icono. Los botones incluyen texto e iconos. Cada uno de los enlaces en el menú de caída se separa entre sí, y el enlace activo es más oscuro. El logotipo se coloca a la izquierda.