Esta ventana presenta los comandos para proceder a la definición de algunos ajustes avanzados sobre el estilo gráfico de los botones relativos a los elementos del primer nivel del Menú.
Los menús son creados y actualizados automáticamente por el programa de acuerdo al Mapa del Sitio diseñado en el Paso 2 - Creación de mapa. El Menú principal es el que presenta los elementos de primer nivel del Mapa que conformarán la navegación fija del Sitio. En los sitios web con estructura de menú horizontal, el Menú principal está siempre presente, situado inmediatamente por encima o por debajo o directamente dentro del encabezamiento. En los sitios con estructura de menú vertical, el Menú principal está siempre visible, situado en una columna a la izquierda o a la derecha del contenido de la Página.
Los comandos necesarios para proceder a la personalización de los botones están organizados en las siguientes secciones: General, Elementos de menú y Estilo de 3D.
Mediante los comandos de esta sección se configuran algunos ajustes generales del Menú principal.
Las opciones disponibles en el recuadro Estilo 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 entre botones: define el valor en pixels del margen exterior, es decir del espacio que hay entre un botón y el otro. |
| ▪ | Desplazamiento automático del menú: hace que el menú de navegación se desplace automáticamente junto al contenido de la página, de manera que permanezca siempre visible y disponible. |
|
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 Importación de Plantilla).
|
Las opciones que están en el recuadro Texto son:
| ▪ | Fuente: define el tipo de carácter, el estilo y el tamaño del texto. |
| ▪ | Alineación: establece la alineación del texto a la izquierda, en el centro o a la derecha respecto al botón. |
| ▪ | Usar antialias para visualizar el texto: aplica un efecto de suavizado de contorno al texto para hacer los bordes de las letras menos irregulares. |
|
Por medio de los comandos de esta sección se definen los colores, las imágenes de fondo y el estilo de los textos para los diferentes estados de los botones del menú principal.
En primer lugar es preciso seleccionar el Elemento de menú en el que se quiere trabajar: es posible definir el aspecto del  Elemento de menú, del  Elemento al pasar el ratón y del  Artículo al pasar el ratón. Para seleccionar el Elemento del Menú se puede utilizar el menú desplegable o actuar directamente sobre la imagen de Vista previa que se actualiza constantemente según los cambios introducidos.
Para todos los elementos del menú es posible modificar las siguientes opciones del recuadro Estilo:
| ▪ | Color Fondo / Color Texto / Color Borde: definen el color para el fondo, para el texto y para el borde del botón. |
| ▪ | 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. |
| ▪ | Estilo fuente: para el elemento Elemento de menú, define el estilo del texto del botón eligiendo entre Ninguno, Bajo relieve, Alto relieve y Sombra. Los elementos <%S4_MAINMENU_ITEMOVER%> y <%S4_MAINMENU_ITEMCURRENT%> toman automáticamente la configuración definida para el elemento Elemento de menú: además, es posible añadir uno de los siguientes estilos: Normal, Negrita, Cursiva y Negrita cursiva. |
|
Mediante los comandos de esta sección se definen la forma y el aspecto 3D de los botones.
Mediante las opciones disponibles en el recuadro Forma es posible definir:
| ▪ | Forma: define la forma del botón, eligiéndola entre las que se proponen. |
| ▪ | Factor de esquina: ajusta el factor de redondeo de de las esquinas en botones con formas que contemplan esquinas redondeadas o en cualquier caso no rectangulares. |
| ▪ | Unir forma de los botones: une los botones entre sí de modo que la forma elegida se aplica al bloque de botones como un conjunto. |
En el recuadro Estilo de 3D están disponibles las opciones:
| ▪ | Estilo: establece el aspecto del botón como Convexo, Plano, Convexo plano, Cóncavo, etc. |
| ▪ | Dirección de la luz: establece la dirección del efecto de luz configurado para el botón. |
| ▪ | Factor de difuminar: define el factor de difuminado que se aplicará al botón. |
| ▪ | Transparencia imagen: ajusta el factor de transparencia para las imágenes añadidas en los botones del Menú a través de las opciones correspondientes de la sección Elementos de menú. |
Finalmente, el recuadro Borde 3D presenta las siguientes opciones:
| ▪ | Estilo borde: define el estilo del borde del botón como Normal, Convexo, Cóncavo. |
| ▪ | Grosor externo / Grosor interno: definen el grosor externo e interno del borde del botón. |
| ▪ | Sólo borde exterior: se dibuja el borde según los ajustes definidos, no para cada botón, sino para todo el bloque de los botones considerados en su conjunto. |
|
