Krijimi i menusë është ndoshta një nga pikat kryesore në zhvillimin e faqeve dhe programeve. Përveç kësaj, një përpunim i mirë dhe një dizajn logjik i një menuje të tillë është fytyra e një faqe ose ndonjë programi. Për shembull, le të marrim Microsoft dhe sistemin operativ Windows 7. Pas lëshimit të Windows 7, Microsoft dëgjoi shumë kritika që nuk ishin lajkatare për vete. Ka pasur shumë kritika, por më shpesh artikuj të menusë të pozicionuar në mënyrë të papërshtatshme. Lexoni me kujdes këtë udhëzues se si të krijoni një menu horizontale në rënie me CSS dhe Expression Web. Stilet e etiketave do të ndryshojnë për të krijuar menunë
Udhëzimet
Hapi 1
Shkoni te Manage Styles dhe më pas klikoni në butonin New Style. Jepni emrin Selector ul li stilit të ri që sapo krijuat. Mos harroni gjithashtu të siguroheni që stili i ri duhet të përcaktohet në skedarin drop-down.css.
Hapi 2
Për të zgjatur një menu horizontale, duhet t'i tregoni elementeve të menusë se do të jetë horizontale. Tjetra, duhet të përcaktoni gjerësinë e secilit artikull të menusë dhe të hiqni të gjitha pikat e panevojshme përpara të gjitha sendeve të listës.
Hapi 3
Për shtrirjen horizontale shkoni te Layout dhe vendosni atributin e ekranit në inline. Vendosni atributin float majtas. Klikoni në butonin Zbato. Të gjithë artikujt e listës duhet të vendosen në një rresht. Në mënyrë që ata të mos mbivendosen njëra me tjetrën, duhet të bëni sa vijon: vendosni vlerën Pozicioni të atributit gjerësi në 150px. Tani shikojeni. Të gjithë elementët e listës duhet të bëhen me të njëjtën madhësi.
Hapi 4
Tani duhet të përpiqemi të heqim pikat përpara artikujve të listës. Për ta bërë këtë, shkoni te Lista dhe vendosni atributin e tipit në stilin e listës tek asnjë.
Hapi 5
Klikoni në rregull për të pranuar të gjitha ndryshimet.
Hapi 6
Për të rregulluar madhësinë e shkronjave për stilin ul li, duhet të bëni sa më poshtë. Në Manage Styles, klikoni me të djathtën në stilin ul li që ju duhet të zgjidhni Modify Style. Do të hapet kutia e njohur e dialogut për shtimin ose ndryshimin e atributeve. Shkoni te kategoria Font dhe vendosni atributin e familjes font tek Arial, Helvetica, sans-serif. Tjetra, shkoni te atributi i madhësisë së shkronjave dhe vendoseni në 0.9em. Pas kësaj, vendosni atributin e transformimit të tekstit, vendosni vlerën e tij në të madhe.
Hapi 7
Lartësia e artikujve në menunë e krijuar mund të rregullohet në kategorinë Pozicion. Vendosni atributin e lartësisë në 30px.
Hapi 8
Tjetra, duhet të ruani skedarin menu.html. Për ta bërë këtë, Expression Web do të hapë dritaren e kërkuar Ruaj Fotografi të Ndërtuara për të ruajtur skedarin. Ruani në skedarin drop-down.css. Klikoni në rregull për të ruajtur.
Hapi 9
Tani kontrolloni rezultatin tuaj. Për besueshmëri, është më mirë ta provoni në shfletues të ndryshëm. Për të kontrolluar rezultatin e marrë në shfletuesin e paracaktuar, duhet të shtypni butonin F12 në tastierën tuaj.
