Cómo añadir imágenes a los menús de Spry

El framework de Spry para Ajax permite a los diseñadores web para incluir XML , el código JavaScript o HTML datos en páginas Web con Cascading Style Sheets o CSS, para la visualización de las páginas sin recargar ellos en cada petición del usuario. Se trata de los efectos de Spry para agregar efectos de animación a los menús y barras de navegación , datos de Spry para el enlace de datos a formato HTML y el marco Widgets Spry para el desarrollo de widgets. El framework de Spry está integrado en Adobe Dreamweaver CS3. Hay que editar el archivo CSS para agregar imágenes al menú de Spry . Instrucciones
1

clic en el botón " Inicio" de Windows y seleccione " Adobe Dreamweaver CS3 " en el menú "Todos los programas " .
2

Seleccione la carpeta "Archivos " panel y haga clic en el archivo " SpryMenuBarHorizontalHorizontal.css "
3

Agregue el siguiente código después de la línea " Spry.Widget.MenuBar " en la " Sección de Información Diseño" : .

ul # MenuBarHorizontal li {

background -image : url ( images /itemgradient - hover.gif ) ;

}

ul # MenuBarHorizontal li a {

color: # FFF ;

}

ul # MenuBarHorizontal li li {

background -image : url ( images /itemgradient.gif ) ;

}

ul # MenuBarHorizontal li li a {

color: # 000 ; }

ul # MenuBarHorizontal li li li {

background -image : url ( images /itemgradient - hover.gif ) ;

}

ul # MenuBarHorizontal li li li a {

color: # FFF ;

}

ul # MenuBarHorizontal a.MenuBarHorizontalItemHover , ul # MenuBarHorizontal a.MenuBarHorizontalItemSubmenuHover ,

ul # MenuBarHorizontal a.MenuBarHorizontalSubmenuVisible {

color: # 45CCFF ;

}

4 Haga clic en " Archivos ", " Guardar " en la barra de navegación de Dreamweaver para añadir imágenes de fondo para el menú de Spry
< . br>