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

Escrito por marie clay | Traducido por paula ximena cassiraga
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo cambiar el color de fondo de la barra de menú de Spry
Las configuraciones CSS controlan la apariencia y sensación de las barras de menú de Spry. (Comstock/Comstock/Getty Images)

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ú.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 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.

  2. 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.

  3. 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.

  4. 4

    Encuentra "ul.MenuBarHorizontal a.MenuBarItemHover" y reemplaza el color de fondo actual con el color de submenú deseado.

  5. 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.

  6. 6

    Encuentra "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" y reemplaza el valor del color de fondo con el color deseado.

  7. 7

    Deslízate a "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" y establece el color de fondo para cualquier submenú anidado.

  8. 8

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

Consejos y advertencias

  • Reemplaza "MenuBarHorizontal" con el tipo de menú específico que estés usando.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles