Kako Narediti Drsni Meni

Kazalo:

Kako Narediti Drsni Meni
Kako Narediti Drsni Meni

Video: Kako Narediti Drsni Meni

Video: Kako Narediti Drsni Meni
Video: Как сделать далеко летающий самолет из бумаги. Оригами самолет который летает 100 метров 2024, Maj
Anonim

Eden najpomembnejših vidikov razvoja spletnih strani in programske opreme je ustvarjanje menijev. Lep drsni meni ostaja merilo za številne lastnike spletnih strani in programerje. To lahko storite s pomočjo orodij CSS in Expression Web.

Kako narediti drsni meni
Kako narediti drsni meni

Navodila

Korak 1

Odprite Expression Web in pojdite na Manage Style, da začnete ustvarjati drsni meni, in pritisnite tipko New Style. Poimenujte novi izbirnik sloga ul li. Prepričajte se, da ima ustvarjena datoteka razširitev drop-down.css. Če želite ustvariti drsni meni, določite ustrezen položaj na zaslonu. Določite širino vsakega od elementov menija in odstranite nepotrebne pike pred njimi.

2. korak

Zaženite možnost Postavitev in nastavite atribut Display. Dajte mu ustrezno vrstico za poravnavo na zaslonu. Atribut Float nastavite na Levo in pritisnite tipko Apply. Vse elemente seznama nastavite v eno vrstico. Če želite, da ostanejo v urejenem vrstnem redu in se ne prekrivajo, nastavite atribut Širina na Položaj v obliki 150 px. Prepričajte se, da so vsi elementi na seznamu enake velikosti. Odstranite pike pred vsakim elementom tako, da odprete atribut Seznam in nastavite vrsto sloga seznama na Brez. Kliknite »V redu«, da sprejmete spremembe in začnete veljati.

3. korak

Prilagodite slog in velikost pisave za ul li. Pojdite na Upravljanje stilov in z desno miškino tipko kliknite ul li in izberite Spremeni slog. Videli boste že znani pogovorni meni. Pojdite na Font, izberite Družina pisav in nastavite ta atribut na Helvetica, Arial, Sans-serif. Prilagodite velikost pisave in jo nastavite na 0, 9. Atribut Text-transform nastavite na Velika črka. V atributu Height - Position določite natančno višino elementov menija, tako da nastavite vrednost na 30 px.

4. korak

Datoteko shranite kot menu.html, ko so zaključena vsa popravljalna dejanja. Preizkusite meni, ki ste ga pravkar ustvarili v različnih aplikacijah in brskalnikih, ali deluje. Kot vidite, takšnega menija ni težko ustvariti.

Priporočena: