Ustvarjanje menijev je verjetno ena glavnih točk pri razvoju spletnih mest in programov. Poleg tega je dobra izdelava in logična zasnova takšnega menija obraz spletnega mesta ali katerega koli programa. Na primer, vzemimo Microsoft in operacijski sistem Windows 7. Po izdaji sistema Windows 7 je Microsoft slišal veliko kritik, ki same sebi niso bile laskave. Bilo je veliko kritik, vendar najpogosteje neprimerno postavljenih elementov menija. Previdno preberite to vadnico o tem, kako ustvariti vodoravni spustni meni s CSS in Expression Web. Slogi oznak se bodo spremenili, da bodo ustvarili meni
Navodila
Korak 1
Pojdite na Upravljanje stilov in kliknite gumb Nov slog. Dajte ime Selector ul li novemu slogu, ki ste ga pravkar ustvarili. Upoštevajte tudi, da mora biti nov slog definiran v spustni datoteki.css.
2. korak
Če želite raztegniti vodoravni meni, morate elementom menija povedati, da bo vodoraven. Nato morate določiti širino vsakega elementa menija in odstraniti vse nepotrebne pike pred vsemi elementi seznama.
3. korak
Za vodoravno poravnavo pojdite na Postavitev in nastavite atribut zaslona na vrstico. Atribut float nastavite na levo. Kliknite gumb Uporabi. Vsi elementi seznama morajo biti nastavljeni v eno vrstico. Da se ne bi prekrivali, morate narediti naslednje: nastavite vrednost Position atributa width na 150px. Zdaj pa preverite. Vsi elementi seznama naj bodo enake velikosti.
4. korak
Zdaj moramo poskusiti odstraniti pike pred elementi seznama. Če želite to narediti, pojdite na Seznam in nastavite atribut list-style –type na nič.
5. korak
Kliknite V redu, da sprejmete vse spremembe.
6. korak
Če želite prilagoditi velikost pisave za slog li li, morate storiti naslednje. V Upravljanje stilov z desno miškino tipko kliknite slog ul li, ki ga želite izbrati Spremeni slog. Odpre se znano pogovorno okno za dodajanje ali spreminjanje atributov. Pojdite v kategorijo Pisava in nastavite atribut družine pisav na Arial, Helvetica, sans-serif. Nato pojdite na atribut velikosti pisave in ga nastavite na 0.9em. Po tem nastavite atribut za preoblikovanje besedila, vrednost zanj nastavite na velike črke.
7. korak
Višino elementov v ustvarjenem meniju lahko prilagodite v kategoriji Položaj. Atribut višine nastavite na 30 slikovnih pik.
8. korak
Nato morate shraniti datoteko menu.html. Če želite to narediti, bo Expression Web odprl potrebno okno Shrani vdelane datoteke, da shrani datoteko. Shrani v spustno datoteko.css. Kliknite V redu, da shranite.
9. korak
Zdaj preverite svoj rezultat. Za zanesljivost je bolje, da ga preizkusite v različnih brskalnikih. Če želite preveriti rezultat, pridobljen v privzetem brskalniku, morate na tipkovnici pritisniti tipko F12.
