Hogyan Készítsünk Függőleges Menüt Egy Webhelyhez

Tartalomjegyzék:

Hogyan Készítsünk Függőleges Menüt Egy Webhelyhez
Hogyan Készítsünk Függőleges Menüt Egy Webhelyhez

Videó: Hogyan Készítsünk Függőleges Menüt Egy Webhelyhez

Videó: Hogyan Készítsünk Függőleges Menüt Egy Webhelyhez
Videó: Készítsünk horgony menüt a #Gutenberg szerkesztőben 2024, December
Anonim

A webhely függőleges menüje nagyon kényelmes funkció, amely helyet takarít meg és könnyebben eligazodik az erőforrásban. Készíthet CSS stíluslapok lépcsőzetes alapján vagy speciális eszközök használatával.

Hogyan készítsünk függőleges menüt egy webhelyhez
Hogyan készítsünk függőleges menüt egy webhelyhez

Utasítás

1. lépés

Nyissa meg a purecssmenu.com webhelyet, és regisztráljon rajta, különben nem tudja létrehozni és letölteni a létrehozott menüt. A bal oldalon keresse meg a Sablonok gombot, és kattintson rá. Alul kis ablakok lesznek függőleges menüsablonokkal. Kattintson egyenként rájuk, és nézze meg az Előnézet ablakban. Válassza ki a webhelyének leginkább megfelelő sablont.

2. lépés

Állítsa be a menü betűtípusát és színét a Paraméterek fülön. A Betűtípus mezőben kiválaszthatja a betűtípust és annak méretét. Ha szükséges, adja meg az aláhúzást / félkövér betűt. Állítsa be a függőleges menü hátterét (hátterét) a Színek mezőben, állítsa a betű és a háttér színét az egérrel (fonthover / backgroundhover).

3. lépés

Menjen a Tételek menübe a menüelemek kezeléséhez. A Törlés gombra kattintva kitörli a minta elemeket, így létrehozhatja sajátjait. Elég, ha rákattint az AddItem plus gombra, hogy hozzáadjon egy elemet a menü végéhez. Az AddNextItem gombra kattintva hozzáadhat egy elemet, amely az aktuálisan kiválasztott idő után következik. A menü AddSubitem gombja beágyazott elemet hoz létre a kiválasztotthoz. Vonal eltávolításához használja az RemoveItem gombot.

4. lépés

Nyissa meg az elemparamétereket (ItemParameters) a webhely alján. Írja be a menüpont nevét a Szöveg sorba, és annak webcímét a Linkbe. A Tipp sor felel az elem leírásáért, amely akkor jelenik meg, amikor a kurzor a link fölé viszi az egeret. A Cél szakasz meghatározza az oldal megnyitásának módját. A _self paraméter segítségével az oldal konfigurálható az aktuális böngészőablakban történő megnyitásra.

5. lépés

Töltse le a kész menüt az oldal alján található Letöltés gombra kattintva. Másolja a purecssmenu.html fájlban található megfelelő kódot a CSS sablonfájlba: az elején és a végén. Győződjön meg arról, hogy beillesztette a megfelelő kódot, és mentse a fájlt.

Ajánlott: