Hvordan lage en popup-meny i fyrverkeri - dummies

En popup-meny opprettet i Fireworks bruker JavaScript for å lage sin magi. Men fyrverkeri skriver hele koden. Hvis du har mange sider å koble til, men bare en begrenset mengde plass, er en popup-meny det opplagte valget. En popup-meny, um, dukker opp (derav navnet) når en besøkende på nettstedet pause markøren sin over knappen som utløser popup-menyen.

For å opprette en popup-meny, følg disse trinnene:

1 Bruk Pointer-verktøyet til å velge knappen som menyen vil bli koblet til.

En hvit knapp vises midt på knappen. Dette betyr at du kan legge til interaktivitet til knappen. Når du oppretter en knapp, oppretter fyrverkeri et stykke som stemmer overens med størrelsen på knappen. Skjæret er lagret som et bilde når du eksporterer menyen.

2 Klikk på den hvite knappen.

En meny vises med en liste over interaktive oppføringer du kan legge til på knappen.

3Velg Legg til popup-meny.

Redigeringsmenyen Editor vises.

4 I kategorien Innhold skriver du inn teksten, lenken og målet for elementet.

Teksten er knappetiketten, Linken er siden som knappen knytter sammen, og målet er vinduet der den koblede siden åpnes.

5 Klikk på plustegnet (+) for å legge til et annet element i menyen.

Fyrverkeri legger til tomme felter for knappens Tekst, Link og Mål. Alternativt kan du trykke på Tab for å legge til et annet element i menyen.

Gjenta trinn 4 for denne knappen.

6 Fortsett å legge til de andre elementene i popup-menyen.

Figuren viser en popup-meny med flere elementer.

7 Klikk på Neste.

Utseende-fanen i menyen Redigeringsmeny vises.

8 Angi parametrene for popup-menyelementene 'utseende.

Celler: Velg HTML eller Image. Hvis du velger HTML, oppretter fyrverkeri koden for å lage menyelementene. Hvis du velger Bilde, oppretter fyrverkeri bildene for hvert menyelement og lagrer dem når du eksporterer menyen.

Menyjustering rullegardinmeny: Velg Horisontal Meny eller Vertikal Meny.

Font: Velg et skriftsett. Disse er identiske med skrifttypene du har i Dreamweaver. Den første skrifttypen er standard. Nettleseren standardiserer til neste skriftfarge hvis standardskriften ikke er installert på brukerens datamaskin.

Skriftstørrelse: Velg en skriftstørrelse fra rullegardinmenyen.

Fontstil og justeringsalternativer: Dette er de samme alternativene du finner i ditt vennlige tekstbehandlingsprogram: fet; kursiv; og venstre-, senter- eller høyrejustering.

Opptilstand: Klikk på fargeprøverene og velg fargen for cellen og teksten.Som regel velger du de samme fargene som menyen som popupmenyen er koblet til.

Over State: Klikk på fargekvetter og velg fargen for cellen og teksten som vises når en besøkende pause markøren over et menyelement.

9 Klikk på Neste.

Avanserte kategorien i menyen Redigeringsmeny vises.

10Apptak eller modifiser følgende parametere:

Cellebredde: Fyrverkeri bestemmer bredden basert på menyelementet med den lengste teksten. For å endre bredden, velg Piksler fra rullegardinmenyen. Dette åpner tekstfeltet Cell Width, der du kan skrive inn en verdi.

Cellehøyde: Fyrverkeri velger en høyde, som kan endres ved å skrive inn en annen verdi i feltet Cellhøyde. Alternativt kan du velge Automatisk fra rullegardinmenyen.

Cell Padding: Godta standardverdien, eller skriv inn en annen verdi. Denne verdien bestemmer området i piksler rundt celleteksten.

Tekstinnkast: Godta standardverdien (0), eller skriv inn et beløp for å legge inn teksten.

Cell spacing: Godta standardverdien på 0, eller skriv inn en verdi. Hvis du oppgir en verdi, vises et mellomrom mellom hvert element i popup-menyen. Vi liker våre menyer stramt, så vi aksepterer standardverdien på 0.

Menyforsinkelse: Dette er hvor lang tid menyen vises etter at en besøkende pause markøren over knappen. Hvis det ikke gjøres noe i løpet av den tiden, forsvinner menyen. Standardforsinkelsen er 1000 ms eller 1 sekund. Angi en annen verdi for å øke eller redusere menyforsinkelsen.

Pop-up-grenser: Avkryssingsfeltet Vis grenser er valgt som standard med en standardverdi på 1. Angi en verdi for å vise en større ramme, og klikk deretter på de aktuelle fargefargene for grensen: Skygge, Border Color og Highlight. Dette alternativet er ikke tilgjengelig hvis du velger Bilde på fanen Utseende.

11 Klikk på Neste.

Plassering-fanen i menyen Redigeringsmeny vises.

12Klikk på et ikon for å justere popup-vinduet i en av følgende konfigurasjoner: nederst til høyre, nederst, øverst eller øverst til høyre på skiven.

Når du velger et alternativ, legger fyrverkeri inn verdier i X- og Y-feltene. Hvis du vil, kan du skrive inn forskjellige verdier for å videre definere plasseringen av popup-menyen. Hvis du har innrykkede menyelementer, vises undermenyalternativene, som lar deg spesifisere posisjonen til undermenyer.

13 Klikk på Ferdig.

Popup-menyen legges til knappen.

14Velg fil → Forhåndsvisning i nettleser og velg ønsket nettleser fra menylisten.

Din meny vises i ønsket nettleser.