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.