Si Të Krijoni Një Menu Horizontale Zbritëse

Përmbajtje:

Si Të Krijoni Një Menu Horizontale Zbritëse
Si Të Krijoni Një Menu Horizontale Zbritëse

Video: Si Të Krijoni Një Menu Horizontale Zbritëse

Video: Si Të Krijoni Një Menu Horizontale Zbritëse
Video: ЗАПРЕТНЫЙ ФИЛЬМ! ЗНАКОМСТВО С ДВОЮРОДНЫМИ БРАТЬЯМИ! Восемь бусин на тонкой ниточке! Русский фильм 2024, Mund
Anonim

Një nga aspektet më të rëndësishme në zhvillimin e softuerit dhe faqes në internet është krijimi i menusë. Microsoft dhe ideja më e famshme e saj, sistemi operativ Windows, duhet të merren si një shembull kryesor. Përkundër faktit se ky produkt përdoret nga shumica dërrmuese e përdoruesve të PC në botë, kritikat jo vetëm që nuk ulen, por po rriten vazhdimisht. Në thelb, ka të bëjë me shqetësimin e vendndodhjes së artikujve të menusë. Më poshtë është një përshkrim se si të krijoni menu në CSS dhe Expression Web.

Si të krijoni një menu horizontale zbritëse
Si të krijoni një menu horizontale zbritëse

Udhëzimet

Hapi 1

Për të filluar krijimin e një menuje horizontale, shkoni te Manage Style, pastaj klikoni në butonin New Style. Emërtoni stilin e ri Përzgjedhës ul li. E rëndësishme! Sigurohuni që skedari i gjeneruar të ketë shtesën drop-down.css. Për të bërë një menu horizontale, tregoni elementit të krijuar se do të jetë saktësisht horizontale. Tjetra, përcaktoni gjerësinë e secilit artikull të menusë dhe hiqni të gjitha pikat e panevojshme të vendosura përpara të gjitha sendeve në listë.

Hapi 2

Shkoni te opsioni Layout, vendosni atributin Display në Inline për të bërë shtrirjen horizontale. Tjetra, vendosni vlerën e majtë në atributin Float dhe klikoni butonin Zbato. Vendosni të gjithë artikujt e listës në një rresht. Kështu që ato vendosen mjeshtërisht dhe nuk zvarriten njëra mbi tjetrën, në atributin Gjerësia, vendosni vlerën e Pozicionit në 150 px. Kontrolloni që të gjithë elementët e listës të kenë të njëjtën madhësi. Tjetra, hiqni pikat përpara të gjitha elementeve - për këtë, shkoni te atributi List dhe vendosni parametrin Asnjë në artikullin e tipit Style Style. Klikoni në rregull që të gjitha ndryshimet të pranohen dhe zbatohen.

Hapi 3

Rregullo madhësinë dhe stilin e shkronjave për ul li. Për ta bërë këtë, shkoni te Manage Styles dhe klikoni me të djathtën në butonin, pastaj zgjidhni Modifikoni Style. Do të shfaqet kutia e njohur e dialogut. Shkoni te Font, zgjidhni atributin e familjes Font dhe vendoseni në Sans-serif, Arial, Helvetica. Tjetra, rregulloni madhësinë e shkronjave duke e vendosur atë në 0, 9. Pas kësaj, vendosni atributin e Transformimit të Tekstit në Shkronja të Mëdha. Rregulloni lartësinë e artikujve të menusë në atributin Lartësia - Pozicioni, duke vendosur vlerën në 30 px.

Hapi 4

Pas përfundimit të të gjitha veprimeve korrigjuese, ruani skedarin si menu.html. Tjetra, provoni menunë e krijuar në shfletues të ndryshëm për t'u siguruar që funksionon si duhet. Siç mund ta shihni, dizajni i menusë horizontale është mjaft i thjeshtë.

Recommended: