Veebisaidi ja tarkvaraarenduse üks olulisemaid aspekte on menüü koostamine. Ilus libisev menüü on paljude veebisaitide omanike ja programmeerijate jaoks võrdlusalus. Seda saab teha CSS-i ja Expressioni veebitööriistade abil.
Juhised
Samm 1
Avage Expression Web ja liikuge menüü Stiili haldamine juurde, et alustada libiseva menüü loomist, ja vajutage nuppu Uus stiil. Nimetage uus stiil Selector ul li. Veenduge, et loodud failil oleks laiend rippmenüü.css. Liugmenüü loomiseks määrake ekraanil sobiv asukoht. Määrake iga menüüelemendi laius ja eemaldage tarbetud punktid, mis võivad nende ees olla.
2. samm
Käivitage suvand Paigutus ja määrake atribuut Kuva. Andke sellele ekraanil joondamiseks sobiv tekstisisest väärtust. Määrake atribuut Ujuk vasakule ja vajutage nuppu Rakenda. Pange kõik loendi elemendid ühele reale. Et hoida neid korralikus järjekorras ega kattuks, määrake atribuudi Laius väärtuseks Punkt 150 piksli kujul. Veenduge, et kõik loendis olevad üksused oleksid sama suurusega. Eemaldage punktid iga elemendi ees, minnes atribuudile Loend ja määrates loendi stiili tüübiks Puudub. Muudatustega nõustumiseks ja jõustumiseks klõpsake nuppu "OK".
3. samm
Reguleerige ul li stiili ja fondi suurust. Minge jaotisse Stiilide haldamine ja paremklõpsake nuppu ul li, valides käsu Muuda stiili. Näete juba tuttavat dialoogimenüüd. Valige Font, valige Font-family ja määrake sellele atribuudiks Helvetica, Arial, Sans-serif. Reguleerige fondi suurust ja määrake väärtuseks 0, 9. Määrake atribuudi Text-transform väärtuseks Suurte täht. Atribuudis Height - Position määrake menüüelementide täpne kõrgus, määrates väärtuseks 30 px.
4. samm
Kui kõik parandusmeetmed on lõpule viidud, salvestage fail nimega menu.html. Testige äsja loodud menüüd erinevates rakendustes ja brauserites, et näha, kas see töötab. Nagu näete, pole sellise menüü loomine keeruline.
