Mediante las opciones de esta sección se configuran algunos ajustes generales del Menú principal.
En primer lugar es preciso especificar qué Nivel se debe usar para crear el Menú: es suficiente abrir el Mapa del Sitio web y seleccionar el Nivel deseado: los elementos incluidoas se emplearán como elementos del menú. Una vez hecho esto, las opciones disponibles en el recuadro Vista a configurar son las siguientes:
| ▪ | Alineamiento del menú principal / Alineamiento del Icono de la Hamburguesa: definen respectivamente el alineamiento del Menú y del Icono de la Hamburguesa a la izquierda, al centro o a la derecha respecto al espacio disponible para el Objeto Menú. Si el Objero Menú ha sido añadido en el editor de la Plantilla, el espacio disponible depende del tamaño con el que el Objeto mismo ha sido diseñado. Si por contra el Objeto Menú se ha añadido dentro de una Página, el espacio disponible está determinado por el tamaño de la Celda de la Rejilla de maquetación que lo contiene. |
|
Cuando el espacio disponible no es suficiente para consentir la visión de todos los elementos, el Menú se sustituye automáticamente con el Icono de la Hamburguesa. Esto sucede también en el caso de que no se haya activado la creación de un Sitio web Adaptable (en Resoluciones y Diseño Adaptable). Es pues posible utilizar el Icono de la Hamburguesa como solución alternativa al tradicional Menú de navegación también en Sitios web para Escritorio.
|
| ▪ | Mostrar: hace que en lugar del Menú de navegación principal se muestre siempre el Icono de la Hamburguesa, independientemente de si el espacio disponible es suficiente o no para la vista completa de todos los elementos del menú. |
Las opciones que están en el Recuadro exterior son:
| ▪ | Ancho: ajusta el valor en pixels de la anchura de los botones que contienen los elementos de Menú |
| ▪ | Margen: establece el valor en pixels del margen horizontal y del margen vertical, es decir del espacio existente entre el borde del botón y el texto contenido. |
| ▪ | Distancia: define el valor en píxeles del margen exterior, es decir del espacio que hay entre un botón y el otro. |
|
La anchura de los botones debe ser definida considerando también el espacio total disponible para el menú. Este parámetro se puede modificar libremente en el caso de que no se esté utilizando una plantilla gráfica predefinida (ver Estructura de la Plantilla).
|
| ▪ | Borde: define, también individualmente, el espesor de los bordes y el factor de redondeo de las esquinas de los Botones. |
Las opciones disponibles en el recuadro Texto del Botón son:
| ▪ | Fuente: define el tipo de carácter, el estilo y el tamaño del texto. |
| ▪ | Alineamiento: establece la alineación del texto a la izquierda, en el centro o a la derecha respecto al botón. |
También es posible definir el aspecto de elementos individuales que conforman el Menú Principal. En primer lugar es preciso seleccionar el Elemento del Menú que se desea modificar: Fondo del sitio, Elemento de menú, Elemento al pasar el ratón, Artículo al pasar el ratón, Separador.
En función del elemento seleccionado, en la sección Estilo pueden estar disponibles las siguientes opciones:
| ▪ | Color de Fondo / Color del Texto: definen el color para el Fondo, para los textos de los Elementos en los diferentes estados, para el Separador del Menú y para el Icono de la Hamburguesa. |
| ▪ | Opacidad: define el grado de opacidad del color aplicado para el Fondo. Para valores tendientes a 0 disminuye la opacidad y el fondo del Objeto se vuelve más transparente, dejando ver el fondo de la Página. |
| ▪ | Borde: define, también individualmente, el color, el espesor y el factor de redondeo de las esquinas para los bordes del Fondo. Para los Elementos del Menú en sus diferentes estados, en cambio, es posible configurar solo el color del borde: el espesor y el factor de redondeo se toman de lo especificado en el recuadro Estilo del botón. |
| ▪ | Margen: establece el valor en píxeles de los márgenes horizontal y vertical del exterior de los Botones. En la práctica, el margen que se defina determina el tamaño del Fondo del Menú. |
| ▪ | Imagen de Fondo: permite definir la imagen que debe ser visualizada como fondo del botón. Para seleccionar la imagen que se quiere usar basta pulsar sobre el botón  para explorar los recursos disponibles: se pueden usar archivos en formato .JPG, .GIF y .PNG. Como alternativa, es posible pulsar en la flecha al lado del campo para abrir la librería de botones y seleccionar la imagen que se quiere usar. |
| ▪ | Usar la misma configuración que el estado de paso del puntero del ratón / Usar la misma configuración que el estado de Elemento de menú: disponibles respectivamente para los elementos Artículo al pasar el ratón y Icono de la Hamburguesa, hacen que se empleen las mismas opciones que las definidas para el Elemento al pasar el ratón o para el Elemento de menú; en caso contrario los dos elementos pueden tener ajustes diferentes. |
| ▪ | Efecto: disponible solo para el Elemento Elemento al pasar el ratón, define el efecto con el que se anima el Botón al pasar el ratón. |
| ▪ | Texto del Botón: aplica al Elemento de Menú seleccionado o al Separador el estilo del texto Normal, Negrita, Cursiva o Subrayado. Este estilo se añade a lo ya definido en el recuadro Texto del Botón. |
