Hogyan készítsünk egy csúszó menü - Web programozás
Nyílt Expression Web, és megy a kezelése stílus, kezdődik, hogy egy csúszó menü. majd az Új stílus gombra. Adjon meg egy nevet az új stílus választó ul li. Ellenőrizze, hogy a fájl kiterjesztése drop-down.css. Ahhoz, hogy hozzon létre egy csúszó menüből válassza ki a megfelelő helyzetben a képernyőn. Határozzuk meg a szélességét az egyes menüpontok, és távolítsa el az extra pont, ami állhat előttük.
Kezdés Layout lehetőséget, és állítsa be a kijelző attribútumot. Adjon meg egy megfelelő értéket a Soros összehangolás a képernyőn. Adjon az attribútum értékét Float Bal és kattintson az Apply gombra - „Apply”. Állítsa egy sorban minden elemét a listából. Így álltak rendezett módon, és nem illeszkedik egymáshoz, meg a tulajdonság Szélesség Pozíció érték formájában 150 képpont. Győződjön meg arról, hogy az összes elemet a lista azonos méretű. Pont eltávolítása előtt minden elemet, majd kattintson a lista tulajdonság és beállítás a Nincs lehetőséget a bekezdés listastílusa típusú. Kattintson az „OK”, hogy elfogadja a módosításokat és a hatályba lépésük.
Állítsa be a betűtípust és méretet a ul li. Menj a Stílusok kezelése, és a jobb gombbal a ul li, válassza a Módosítás stílus. Látni fogja az ismerős párbeszéd menüt. Lapozzunk betűtípus, válassza ki a Font-család és a készlet attribútum érték Helvetica, Arial, Sans-serif. Állítsa be a betűméretet, és az értékét 0,9. Mert text-transform az értéket tulajdonítani Nagybetűs. A magasság attribútum - álláspont határozza meg a pontos magassága a menüpontok. üzembe értéke 30 pixel.
Mentse a fájlt menu.html befejezésekor minden korrekciós műveleteket. Vizsgáljuk meg az újonnan létrehozott menü a különböző alkalmazások és a böngésző, hogy ellenőrizze, hogy működik. Mint látható, hogy egy ilyen menü nem nehéz.