1. Opprett en ny HTML-dokument og lagre det.
2. I menyen klikker du Sett inn, Spry og velg Spry menylinjen.
Velg typen menyen du ønsker å lage, og klikk OK.

3. En fullt funksjonell meny har blitt opprettet.
La oss tilpasse den litt .
Klikk Spry menylinjen (se bilde) ...
4. ... for å åpne egenskapene Bellow.
Her har du kan endre alle meny . Du kan legge til og slette elementer og sub elementer, endre navn på dem, flytte dem og så videre.
La oss endre navn på dem først.
Velg Sak 1 ...


5. ... og skrive inn et nytt navn for elementet.
jeg kom hjem, blir det første elementet i menyen.
Rename andre menyknapper i tillegg. Anmeldelser
6. Nå velger Hjem deretter sub element punkt 1.1 og klikk Fjern-menyen Element-knappen (se bilde).
Fjern resten av hjemmet underelementer.
7. Nå velger det andre elementet, og klikk på Legg til menyvalget knappen for å legge til en ny sub element og endre det som du vil.
nå legge til et par flere sub elementer og endre navn på dem også.
8. Dette er hvordan det er vel å se ut.
9. Nå kan du gå til CSS-stiler, klikker du Alle og klikk SpryMenuBarHorizontal.css (se bilde).
10. Dobbeltklikk på ul.MenuBarHorizontal en
11. Og endre menyinnstillinger som fonter, bakgrunn, farger og så videre. Hvis du ønsker å endre fargen på menyen, gå til backround, endre innstillingene og klikk Bruk
Du kan også endre innstillingene i følgende CSS-stiler. Ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal en .MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
Klikk OK når du er ferdig.
12. Nå klikker du på Forhåndsvisning /Debug i Browser knappen eller trykk F12 for å beundre din meny i en faktisk nettleser.
13. Klikk Ja da bedt om å redde ...
14. ... og her er min nye nedtrekksmenyen.
Trenger litt hjelp eller bare ønsker å slippe en linje eller to, kan du klikke kommentar.
<