Hvordan tilpasser jeg har en vertikal Spry Menyen?

I sammenheng med Adobe Dreamweaver web utviklingsmiljø, en kvikk menylinje gir en enkel måte å legge til en meny som gradvis filialer i flere detaljnivå avhengig av alternativene som brukeren har valgt så langt. Spry menylinjer er slutt implementert av Javascript-kode i den innebygde Spry Framework for Ajax, leveres sammen med Dreamweaver. Spry menylinjer kan være horisontal eller vertikal.

Bruksanvisning

1 Lagre dokumentet før du setter inn en ny kvikk-menyen. Dreamweaver vil ikke tillate deg å sette inn en ny kvikk-menyen på siden din med mindre du lagrer dokumentet som allerede er åpen, eller du begynner å arbeide på en helt ny dokument.

2 Velg hvor den nye vertikale kvikk menyen vil være ved å klikke på dokumentet. Velg "Sett inn" på "Windows" -menyen. Klikk på "Spry" -kategorien. Velg "Vertical" for en vertikal meny, og klikk "OK."

3 Lagre dokumentet på dette punktet. Dreamweaver vil automatisk lagre all koden du genererte så langt, pluss Java fra bibliotekene som trengs for å støtte den nye kvikk-menyen.

4 Velg menyen du nettopp opprettet ved å klikke på den nye baren ikonet tittelen "Spry menylinjen».

5 Tilpass oppføringene i kvikk-menyen og undermenyer ved å endre navnet på hver oppføring og subentry. Som standard vil Dreamweaver vise oppføringer som "Sak 1", "Sak 2", etc .; det vil også vise underoppføringene som "punkt 1.1" og så videre.

6 Tilpass tekst egenskaper i kvikk og undermenyer. Som standard vil Dreamweaver kopiere egenskapene teksten brukes for kvikk-menyen (font, størrelse, vekt, stil) fra elementene rundt kvikk menyen på nettsiden på tidspunktet for etableringen. For å endre dem, klikk på "CSS Styles", deretter på "SpryMenuBarVertical.css" fil. Deretter sette "ul.MenuBarVertical" stil til parametrene som kreves for den teksten du ønsker. Dette inkluderer ikke fargen på teksten.

7 Tilpass fargene i kvikk og undermenyer. Menyvalg har to sett med fargen forbundet med dem: en når musen svever over dem (dvs. "roll farge") og ett når det ikke er. For å endre fargene, endre CSS-parametere som i Trinn 6: du kan stille roll fargene ved å endre "ul.MenuBarVertical a.MenuBarItemHover" stil parametre, og du kan endre de vanlige fargene ved å endre "ul.MenuBarVertical" stil parametre.