Personaliza el diseño de tu menú, cambia los colores para que coincidan con el aspecto de tu sitio o elige un nuevo tamaño de fuente, estilo y más.
Puedes ajustar tanto el menú como el submenú, y tener diferentes diseños para los 3 estados de los elementos del menú: Habitual, Efecto cursor y Clic.
Más información sobre cómo personalizar:
El contenedor del menú es el espacio alrededor de los elementos.
Usa opciones como Borde y Color y opacidad para diseñar el contenedor y crear un menú llamativo.
Para personalizar el contenedor del menú:
- Selecciona el menú en el Editor.
- Haz clic en el icono Diseño
. - Haz clic en Personaliza el diseño.
- Haga clic en Contenedor de Menú en ¿Qué quieres diseñar? y utiliza las opciones para personalizar el contenedor.
- Rellenos de fondo
:
- Haz clic en la caja de color para seleccionar un color para el contenedor del menú.
- Arrastra el control deslizante para ajustar la opacidad.
- Bordes
:
- Haz clic en la caja de color para seleccionar un color para el borde.
- Haz clic en el menú desplegable para elegir un estilo de borde.
- Haz clic en el icono Bloquear/Desbloquear
para elegir si todos los lados del borde son iguales o son de diferentes tamaños. - Escribe la cantidad de píxeles en las cajas para cambiar el tamaño del borde.
- Esquinas
:
- Haz clic en el icono Bloquear/Desbloquear para elegir si las esquinas son iguales o son de diferentes tamaños.
- Escribe la cantidad de píxeles en las cajas para cambiar el radio de las esquinas.
- Sombreado
:
- Haz clic en Agregar un sombreado para agregar una sombra al contenedor.
- Arrastra el control deslizante para ajustar la opacidad de la sombra.
- Haz clic en la caja para personalizar la sombra:
- Haz clic en la caja de color para seleccionar un color para la sombra.
- Selecciona si la sombra es de tipo exterior o interior.
- Ingresa el ángulo en la caja.
- Arrastra el control deslizante para aumentar o disminuir la distancia entre el contenedor y la sombra.
- Utiliza el control deslizante para ajustar el desenfoque de la sombra.
- Arrastra el control deslizante para aumentar o disminuir el tamaño de la sombra.
- Estilo
:
- Haz clic en el icono Bloquear/Desbloquear para elegir si el relleno es del mismo tamaño o son de diferentes tamaños.
- Escribe la cantidad de píxeles en las cajas para cambiar el tamaño del relleno.
Ajusta cómo aparecen los elementos en el menú del sitio.
Personaliza el diseño para que el menú sea atractivo y alienta a los visitantes a hacer clic y explorar el sitio.
Para personalizar los elementos del menú:
- Selecciona el menú en el Editor.
- Haz clic en el icono Diseño .
- Haz clic en Personaliza el diseño.
- Selecciona Elementos del menú en ¿Qué quieres diseñar?
- Elige si deseas diseñar los elementos en modo Habitual, Efecto cursor o Clic, y utiliza las pestañas para personalizar los elementos.
- Rellenos de fondo :
- Color: haz clic en la caja de color para seleccionar un color para los elementos.
- Opacidad: arrastra el control deslizante para ajustar la opacidad.
- Texto
:
- Temas: elige un tema de texto en el menú desplegable.
- Fuentes: elige una fuente en el menú desplegable.
- Tamaño de la fuente: arrastra el control deslizante para aumentar o disminuir el tamaño del texto.
- Formato: usa las opciones para dar formato al texto del elemento, como negrita, cursiva y subrayado. También puedes elegir un color para el texto, el contorno del texto y el resaltado.
- Espaciado de caracteres: arrastra el control deslizante para aumentar o disminuir los espacios entre los caracteres del texto.
- Sombreado: agrega y personaliza una sombra en el texto del elemento.
- Bordes :
- Bloquear: haz clic en el icono Bloquear/Desbloquear para elegir si todos los lados del borde son iguales o son de diferentes tamaños.
- Ancho: escribe la cantidad de píxeles en las cajas para cambiar el tamaño del borde.
- Esquinas :
- Bloquear: haz clic en el icono Bloquear/Desbloquear para elegir si las esquinas son iguales o son de diferentes tamaños.
- Radio: escribe la cantidad de píxeles en las cajas para cambiar el radio de las esquinas.
- Sombreado :
- Agregar un sombreado: haz clic en Agregar una sombra para agregar una sombra al contenedor.
- Opacidad: arrastra el control deslizante para ajustar la opacidad de la sombra.
- Personalizar: haz clic en la caja para personalizar la sombra con las siguientes opciones:
- Haz clic en la caja de color para seleccionar un color para la sombra.
- Selecciona si la sombra es de tipo exterior o interior.
- Ingresa el ángulo en la caja.
- Arrastra el control deslizante para aumentar o disminuir la distancia entre el contenedor y la sombra.
- Utiliza el control deslizante para ajustar el desenfoque de la sombra.
- Arrastra el control deslizante para aumentar o disminuir el tamaño de la sombra.
Personaliza el contenedor del submenú para mostrar los elementos del mismo de manera única y sofisticada.
Puedes tener un diseño similar al del menú principal o diseñar algo completamente diferente para mantener el interés de los visitantes del sitio.
Para personalizar el contenedor del submenú:
- Selecciona el menú en el Editor.
- Haz clic en el icono Diseño .
- Haz clic en Personaliza el diseño.
- Selecciona Contenedor del submenú en ¿Qué quieres diseñar? y usa las opciones para ajustar el diseño.
- Rellenos de fondo :
- Haz clic en la caja de color para seleccionar un color para el contenedor del menú.
- Arrastra el control deslizante para ajustar la opacidad.
- Bordes :
- Haz clic en la caja de color para seleccionar un color para el borde.
- Haz clic en el menú desplegable para elegir un estilo de borde.
- Haz clic en el icono Bloquear/Desbloquear para elegir si todos los lados del borde son iguales o son de diferentes tamaños.
- Escribe la cantidad de píxeles en las cajas para cambiar el tamaño del borde.
- Esquinas :
- Haz clic en el icono Bloquear/Desbloquear para elegir si las esquinas son iguales o son de diferentes tamaños.
- Escribe la cantidad de píxeles en las cajas para cambiar el radio de las esquinas.
- Sombreado :
- Haz clic en Agregar un sombreado para agregar una sombra al contenedor.
- Arrastra el control deslizante para ajustar la opacidad de la sombra.
- Haz clic en la caja para personalizar la sombra:
- Haz clic en la caja de color para seleccionar un color para la sombra.
- Selecciona si la sombra es de tipo exterior o interior.
- Ingresa el ángulo en la caja.
- Arrastra el control deslizante para aumentar o disminuir la distancia entre el contenedor y la sombra.
- Utiliza el control deslizante para ajustar el desenfoque de la sombra.
- Arrastra el control deslizante para aumentar o disminuir el tamaño de la sombra.
- Estilo :
- Haz clic en el icono Bloquear/Desbloquear para elegir si el relleno es del mismo tamaño o son de diferentes tamaños.
- Escribe la cantidad de píxeles en las cajas para cambiar el tamaño del relleno.
Usa las opciones disponibles para cambiar el diseño de los elementos del submenú.
Puedes editar las opciones del texto, agregar una sombra y muchas cosas más para que se adapte al aspecto del sitio.
Para personalizar los elementos del submenú:
- Selecciona el menú en el Editor.
- Haz clic en el icono Diseño .
- Haz clic en Personaliza el diseño.
- Selecciona Elementos del submenú en ¿Qué quieres diseñar?
- Elige si deseas diseñar los elementos en modo Habitual, Efecto cursor o Clic, y haz clic en las pestañas para personalizar los elementos.
- Rellenos de fondo :
- Color: haz clic en la caja de color para seleccionar un color para los elementos.
- Opacidad: arrastra el control deslizante para ajustar la opacidad.
- Texto :
- Temas: elige un tema de texto en el menú desplegable.
- Fuentes: elige una fuente en el menú desplegable.
- Tamaño de la fuente: arrastra el control deslizante para aumentar o disminuir el tamaño del texto.
- Formato: usa las opciones para dar formato al texto del elemento, como negrita, cursiva y subrayado. También puedes elegir un color para el texto, el contorno del texto y el resaltado.
- Espaciado de caracteres: arrastra el control deslizante para aumentar o disminuir los espacios entre los caracteres del texto.
- Sombreado: agrega y personaliza una sombra en el texto del elemento.
- Bordes :
- Bloquear: haz clic en el icono Bloquear/Desbloquear para elegir si todos los lados del borde son iguales o son de diferentes tamaños.
- Ancho: escribe la cantidad de píxeles en las cajas para cambiar el tamaño del borde.
- Esquinas :
- Bloquear: haz clic en el icono Bloquear/Desbloquear para elegir si las esquinas son iguales o son de diferentes tamaños.
- Radio: escribe la cantidad de píxeles en las cajas para cambiar el radio de las esquinas.
- Sombreado :
- Sombreado: haz clic en Agrega un sombreado para agregar una sombra al contenedor.
- Opacidad: arrastra el control deslizante para ajustar la opacidad de la sombra.
- Personalizar: haz clic en la caja para personalizar la sombra con las siguientes opciones:
- Haz clic en la caja de color para seleccionar un color para la sombra.
- Selecciona si la sombra es de tipo exterior o interior.
- Ingresa el ángulo en la caja.
- Arrastra el control deslizante para aumentar o disminuir la distancia entre el contenedor y la sombra.
- Utiliza el control deslizante para ajustar el desenfoque de la sombra.
- Arrastra el control deslizante para aumentar o disminuir el tamaño de la sombra.
