En av de viktigste aspektene ved utvikling av nettsteder og programvare er å lage menyer. En vakker skyvemeny er fortsatt et referansepunkt for mange eiere og programmerere av nettsteder. Dette kan gjøres ved hjelp av CSS og Expression Web-verktøy.
Bruksanvisning
Trinn 1
Åpne Expression Web og gå til Manage Style for å begynne å lage en glidemeny og trykk på New Style-tasten. Navngi den nye stilen Selector ul li. Forsikre deg om at den genererte filen har drop-down.css-utvidelsen. For å lage en skyvemeny, spesifiser du riktig posisjon på skjermen. Bestem bredden på hvert av menyelementene og fjern unødvendige prikker som kan være foran dem.
Steg 2
Kjør Layout-alternativet og sett inn Display-attributtet. Gi den en passende Inline-verdi for å justere på skjermen. Sett Float-attributtet til Venstre og trykk på Apply-tasten. Sett alle elementene i listen til en linje. For å holde dem i en fin rekkefølge og ikke overlappe hverandre, setter du breddeattributtet til posisjon i form av 150 px. Forsikre deg om at alle elementene i listen har samme størrelse. Fjern prikkene foran hvert element ved å gå til List-attributtet og sette List Style-typen til None. Klikk "OK" for å godta endringene og tre i kraft.
Trinn 3
Juster stilen og skriftstørrelsen for ul li. Gå til Manage Styles og høyreklikk på ul li, velg Modify Style. Du vil se den allerede kjente dialogmenyen. Gå til Font, velg Font-family og sett dette attributtet til Helvetica, Arial, Sans-serif. Juster skriftstørrelsen og sett den til 0, 9. Sett attributtet Text-transform til Store bokstaver. I attributtet Høyde - posisjon spesifiserer du den eksakte høyden på menyelementene ved å sette verdien til 30 px.
Trinn 4
Lagre filen som menu.html når alle korrigerende handlinger er fullført. Test menyen du nettopp opprettet i forskjellige applikasjoner og nettlesere for å se om den fungerer. Som du kan se, er det ikke vanskelig å lage en slik meny.
