Cómo cambiar el color de fondo de la barra de menús de Spry

Adobe Dreamweaver viene de serie con Spry, un manejo integrado para el marco de Ajax. Spry da la posibilidad de insertar menús dinámicos, calendarios y otros contenidos capaces de interactuar con otros elementos de la página. Una barra de menús de Spry insertada a través de Dreamweaver se puede personalizar en tamaño, función y apariencia usando una hoja de estilo en cascada. Unos simples cambios en el archivo CSS va a cambiar el color de fondo de la barra de menús de Spry.

Instrucciones

1 Abra el archivo CSS asociados a la barra de menús de Spry. "SpryMenuBarHorizontal.css" corresponde a un menú horizontal, mientras que "SpryMenuBarVertical.css" se refiere a los menús verticales.

2 Vaya a "ul.MenuBarHorizontal a" y encontrar la etiqueta "background-color". Borrar el valor actual y escriba el color base deseada.

3 Desplazarse hacia abajo para "ul.MenuBarHorizontal a: hover, ul.MenuBarHorizontal a: focus" y reemplazar el color de fondo actual con su color ratón por encima deseada.

4 Encuentra "ul.MenuBarHorizontal a.MenuBarItemHover" y reemplazar el color de fondo actual con el color del submenú que desee.

5 Desplazarse hasta la configuración del submenú, y luego encontrar "ul.MenuBarHorizontal a.MenuBarItemSubmenu" y sustituir el valor de color de fondo con el color del submenú que desee.

6 Encuentra "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" y sustituir el valor de color de fondo con el color deseado.

7 Vaya a "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" y establecer el color de fondo para cualquier submenús anidados.

8 Guarde el archivo CSS. Los cambios de color se aplicarán automáticamente a la página principal.

Consejos y advertencias

• Reemplazar "MenuBarHorizontal" con el tipo específico de menú está utilizando.