Cómo cambiar el color de fondo de la barra de menú de Spry (En 8 Pasos)
Adobe Dreamweaver viene con Spry, un manejo integrado para el marco de Ajax. Spry da la capacidad de insertar menús dinámicos, calendarios y otros contenidos capaces de interactuar con otros elementos en la página. Una barra de menú de Spry insertada a través de Dreamweaver puede ser personalizada en tamaño, función y apariencia usando una hoja estilo cascada. Algunos simples cambios en el archivo CSS cambiarán el color de fondo de tu barra de menú.
Paso 1
Abre el archivo CSS asociado con tu barra de menú de Spry. "SpryMenuBarHorizontal.css" corresponde a un menú horizontal, mientras que "SpryMenuBarVertical.css" pertenece a los menús verticales.
Paso 2
Deslízate a "ul.MenuBarHorizontal a" y encuentra la variable "background-color" (color de fondo). Borra el valor actual y escribe el color base deseado.
Paso 3
Deslízate a "ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus" y reemplaza el color de fondo actual con tu color deseado cuando pases el mouse.
Paso 4
Encuentra "ul.MenuBarHorizontal a.MenuBarItemHover" y reemplaza el color de fondo actual con el color de submenú deseado.
Paso 5
Deslízate a las configuraciones del submenú, encuentra "ul.MenuBarHorizontal a.MenuBarItemSubmenu" y reemplaza el valor de color de fondo con el color de submenú deseado.
Paso 6
Encuentra "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" y reemplaza el valor del color de fondo con el color deseado.
Paso 7
Deslízate a "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" y establece el color de fondo para cualquier submenú anidado.
Paso 8
Guarda el archivo CSS. Los cambios de color se aplicarán automáticamente a la página principal.