Ebben a szövegben láthatja, hogyan működik egy rugalmas és funkcionális bővítmény, amellyel kód beírása nélkül hozhat létre speciális menüt.
Ennek a bővítménynek két különböző elrendezése van, az egyik félképernyős, a másik pedig teljes képernyős. Teljes képernyő esetén, amikor a felhasználó a menü gombra kattint, a menü teljes képernyőn jelenik meg. Ez a menüstílus segít helyet takarítani a webhelyen és a webhely reszponzív verzióinál. Félképernyős elrendezés esetén a menü a képernyő bal vagy jobb oldaláról ugrik fel, attól függően, hogy hogyan állította be. Ez egy nagyszerű lehetőség a webhely reszponzív verzióihoz mobiltelefonon vagy táblagépen.
Reszponzív menü létrehozása a képernyő felén
Menü létrehozásához egyszerűen húzzon egy kiegészítőt az elemek listájából, és válassza ki a menü típusát a listából (főmenü, almenü). Beállíthatja az igazítást, balra, jobbra vagy középre, beállíthatja a menü töréspontját (táblagép vagy mobil opció), mely képernyőszélességnél már nem a teljes menü jelenik meg, hanem csak a hamburger gomb és válassza ki vászonon kívül menü megjelenítési lehetőség. Ezután kattintson a stílusbeállításra, és ott tetszés szerint testreszabhatja a menüt a tipográfia, a háttérszín, az animációk és egyéb lehetőségek módosításával.
Teljes képernyős reszponzív menü létrehozása
Ez a menü pedig ugyanúgy létrejön, egyszerűen az elemlistából a plugint húzva kiválasztod a menü típusát a listából. Módosítsa a beállításokat, és állítsa be a töréspontot opcióként mindig és válassza ki a lehetőséget teljes képernyő menü megjelenítése. Ezután a stílusbeállítások segítségével állítsa be a menüt úgy, ahogyan szeretné.
A menü létrehozása után azt is láthatja, hogyan néz ki a webhely reszponzív verzióiban. Ezzel a fajta pluginnal egészen kreatív és érdekes menüket készíthetsz, amelyek segítségével maga az oldal is szebbnek tűnik.
Remélem hasznos volt számodra ez a szöveg, és tanultál valami újat, ha érdekel még több tipp az önálló munkavégzéshez, nézd meg a mi oldalunkon. blog, és ha szakemberekkel szeretne konzultálni, kattintson erre link.
Forrás: youtube