Cómo cambiar el color de fondo de la barra de menú de Spry
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.
