A weboldal- és szoftverfejlesztés egyik legfontosabb szempontja a menü létrehozása. A gyönyörű csúszómenü továbbra is sok webhelytulajdonos és programozó számára viszonyítási alap. Ezt CSS és Expression Web eszközökkel lehet megtenni.
Utasítás
1. lépés
Nyissa meg az Expression Web weblapot, és lépjen a Stílus kezelése elemre a csúszó menü létrehozásának megkezdéséhez, majd nyomja meg az Új stílus gombot. Nevezze el az új stílust: Selector ul li. Győződjön meg arról, hogy a létrehozott fájl rendelkezik a legördülő.css kiterjesztéssel. Csúszó menü létrehozásához adja meg a megfelelő helyet a képernyőn. Határozza meg az egyes menüpontok szélességét, és távolítsa el a felesleges pontokat, amelyek előttük lehetnek.
2. lépés
Futtassa az Elrendezés lehetőséget, és állítsa be a Megjelenítés attribútumot. Adjon meg egy megfelelő Inline értéket a képernyőn való igazításhoz. Állítsa a Float attribútumot Balra, és nyomja meg az Apply gombot. Állítsa a lista összes elemét egy sorra. Ha rendben szeretné tartani őket, és nem fedik egymást, állítsa a Szélesség attribútumot Helyzet értékre 150 képpont formátumban. Győződjön meg arról, hogy a lista összes eleme azonos méretű. Távolítsa el az egyes elemek előtti pontokat úgy, hogy a List attribútumra lép, és a List Style-típust None értékre állítja. Kattintson az "OK" gombra a módosítások elfogadásához és életbe lépéséhez.
3. lépés
Állítsa be az ul li stílusát és betűméretét. Lépjen a Stílusok kezelése elemre, és kattintson a jobb gombbal az ul li lehetőségre, majd válassza a Stílus módosítása lehetőséget. Megjelenik a már megszokott párbeszéd menü. Lépjen a Betűtípus elemre, válassza a Font-family lehetőséget, és állítsa ezt az attribútumot Helvetica, Arial, Sans-serif értékre. Állítsa be a betűméretet, és állítsa 0, 9 értékre. Állítsa a Text-transform attribútumot Nagybetűre. A Height - Position attribútumban adja meg a menüpontok pontos magasságát azáltal, hogy az érték 30 px.
4. lépés
Mentse a fájlt menu.html néven, amikor az összes javító művelet befejeződött. Tesztelje az imént létrehozott menüt a különböző alkalmazásokban és böngészőkben, hogy lássa, működik-e. Mint láthatja, nem nehéz ilyen menüt létrehozni.
