Eden najpomembnejših vidikov pri razvoju programske opreme in spletnih strani je ustvarjanje menijev. Microsoft in njegova najbolj znana zamisel, operacijski sistem Windows, bi morali biti vzoren primer. Kljub temu, da ta izdelek uporablja velika večina uporabnikov osebnih računalnikov po vsem svetu, se kritike ne samo ne zmanjšujejo, temveč nenehno naraščajo. V bistvu gre za neprijetnost lokacije elementov menija. Sledi opis ustvarjanja menijev v CSS in Expression Web.
Navodila
Korak 1
Če želite začeti ustvarjati vodoravni meni, pojdite na Upravljanje sloga in kliknite gumb Nov slog. Poimenujte novi izbirnik sloga ul li. Pomembno! Prepričajte se, da ima ustvarjena datoteka razširitev drop-down.css. Če želite narediti vodoravni meni, ustvarjenemu elementu označite, da bo natančno vodoraven. Nato določite širino vsakega elementa menija in odstranite vse nepotrebne točke pred vsemi elementi na seznamu.
2. korak
Pojdite na možnost Postavitev, nastavite atribut Display na Inline, da naredite vodoravno poravnavo. Nato nastavite vrednost Left na atribut Float in kliknite gumb Apply. Vse elemente seznama nastavite v eno vrstico. Da bodo postavljeni lepo in se ne plazijo drug po drugem, v atributu Širina nastavite vrednost Položaj na 150 px. Preverite, ali so vsi elementi seznama enake velikosti. Nato odstranite pike pred vsemi elementi - za to pojdite na atribut Seznam in v elementu Vrsta sloga seznama nastavite parameter Brez. Kliknite V redu, da bodo vse spremembe sprejete in uveljavljene.
3. korak
Prilagodite velikost in slog pisave za ul li. Če želite to narediti, pojdite na Upravljanje stilov in z desno miškino tipko kliknite ul li, nato izberite Spremeni slog. Pojavi se znano pogovorno okno. Pojdite na Font, izberite atribut Družina pisav in ga nastavite na Sans-serif, Arial, Helvetica. Nato prilagodite velikost pisave tako, da jo nastavite na 0, 9. Po tem atribut Text-transform nastavite na Velika črka. Prilagodite višino elementov menija v atributu Height - Position, tako da nastavite vrednost na 30 px.
4. korak
Po zaključku vseh korektivnih ukrepov datoteko shranite kot menu.html. Nato preizkusite ustvarjeni meni v različnih brskalnikih in se prepričajte, da deluje pravilno. Kot lahko vidite, je zasnova vodoravnega menija precej preprosta.
