¿Cómo puedo personalizar un submenú vertical Spry?

En el contexto del entorno de desarrollo web de Adobe Dreamweaver, una barra de menú ágil proporciona una manera fácil de agregar un menú de forma progresiva con sucursales en otros niveles de detalle dependiendo de las opciones que el usuario ha seleccionado hasta el momento. barras de menús de Spry son finalmente implementadas por el código JavaScript en la incorporada en el marco Spry para Ajax, que viene junto con Dreamweaver. barras de menús de Spry puede ser horizontal o vertical.

Instrucciones

1 Guardar el documento antes de insertar un nuevo menú ágil. Dreamweaver no le permitirá insertar un nuevo menú ágil en su página a menos que guarde el documento que ya está abierto, o empezar a trabajar en un documento totalmente nuevo.

2 Seleccionar el lugar donde el nuevo menú ágil vertical será haciendo clic en el documento. Seleccione "Insertar" en el menú "Windows". Haga clic en la pestaña "Spry". Seleccione "vertical" de un menú vertical, a continuación, haga clic en "Aceptar".

3 Guarde el documento en este momento. Dreamweaver guardará automáticamente todo el código que ha generado hasta el momento, más el JavaScript desde las bibliotecas necesarias para apoyar el nuevo menú ágil.

4 Seleccione el menú que acaba de crear, haga clic en el nuevo icono de la barra titulada "Barra de menús de Spry."

5 Personalizar las entradas en el menú ágil y submenús cambiando el nombre de cada entrada y subentrada. De manera predeterminada, Dreamweaver mostrará las entradas como "Punto 1", "Artículo 2", etc .; también se mostrará entradas secundarias como "Punto 1.1" y así sucesivamente.

6 Personalizar las características del texto en el menú ágil y submenús. De manera predeterminada, Dreamweaver copiará el texto características utilizado para el menú ágil (tipo de letra, tamaño, peso, estilo) a partir de los elementos que rodean el menú ágil en la página web en el momento de su creación. Para cambiarlos, haga clic en "Estilos CSS", a continuación, en el archivo "SpryMenuBarVertical.css". A continuación, establezca el estilo "ul.MenuBarVertical" para los parámetros requeridos para el texto que desee. Esto no incluye el color del texto.

7 Personalizar los colores en el menú ágil y submenús. Las selecciones de menú tienen dos juegos de color asociado con ellos: uno cuando el ratón se cierne sobre ellos (es decir, el "color rollover") y uno cuando no lo es. Para cambiar los colores, modificar los parámetros de CSS como en el Paso 6: puede establecer los colores de vuelco mediante la modificación de los parámetros de estilo "ul.MenuBarVertical a.MenuBarItemHover", y se pueden modificar los colores regulares mediante la modificación del estilo de "ul.MenuBarVertical" parámetros.