Hvordan endre bakgrunnsfarge av Spry menylinjen

Hvordan endre bakgrunnsfarge av Spry menylinjen


Adobe Dreamweaver leveres som standard med Spry, en integrert håndtering for Ajax rammeverk. Spry gir muligheten til å sette inn dynamiske menyer, kalendere og annet innhold som er i stand til å kommunisere med andre elementer på siden. En Spry menylinjen inn via Dreamweaver kan tilpasses i størrelse, funksjon og utseende ved hjelp av en gjennomgripende stilark. Et par enkle endringer i CSS-filen vil endre bakgrunnsfargen på Spry menylinjen.

Bruksanvisning

1 Åpne CSS-filen som er tilknyttet Spry menylinjen. "SpryMenuBarHorizontal.css" tilsvarer en horisontal meny, mens "SpryMenuBarVertical.css" gjelder vertikale menyer.

2 Bla ned til "ul.MenuBarHorizontal a" og finne "background-color" tag. Slette gjeldende verdi og skriv inn ønsket grunnfarge.

3 Bla ned til "ul.MenuBarHorizontal a: hover, ul.MenuBarHorizontal en: fokus" og erstatte gjeldende bakgrunnsfarge med ønsket mus-over farge.

4 Finn "ul.MenuBarHorizontal a.MenuBarItemHover" og erstatte gjeldende bakgrunnsfarge med ønsket undermeny farge.

5 Bla til undermeny innstillinger, og deretter finne "ul.MenuBarHorizontal a.MenuBarItemSubmenu" og erstatte den fargeverdi bakgrunnen med ønsket undermeny farge.

6 Finn "ul.MenuBarHorizontal ul a.MenuBarItemSubmenu" og erstatte den fargeverdi bakgrunnen med ønsket farge.

7 Bla ned til "ul.MenuBarHorizontal ul a.MenuBarSubMenuColor" og sette bakgrunnsfargen for noen nestet undermenyer.

8 Lagre CSS-filen. De fargeendringer vil automatisk gjelde hovedsiden.

Hint

  • Erstatt "MenuBarHorizontal" med bestemt type meny du bruker.