Amamenyu ayindilinga ayi-11 ku-CSS naku-HTML ukulandela izinga lamanje lokwakhiwa kwewebhu

I-CSS Spin iphume

Siqhubeka nokunye uhlu olukhulu lwamamenyu ayisiyingi ku-CSS ne-HTML ukuze ukwazi ukuzivumelanisa nezidingo zewebhusayithi yakho. Lawa mamenyu ayisiyingi azama kakhulu ukunikeza le menyu ye-hamburger isitayela nemifanekiso ehambisana naleyo eyindilinga; njengoba nje kungenakuba ngenye indlela.

Kukhona okuhlukahlukene impela kanye nalokho okuphelele okungukuthi ikwazi ukunikeza ukugxila okudingekayo kungqikithi ethile. Ukugqwayiza kanye nesitayela sokubuka esincane kuyakwazi ukunikeza izivakashi amasiginali ukuze bazi ukuthi sineso elihle lokunikeza iwebhusayithi yethu ikhwalithi ekwakhiweni kwewebhu. Masikwenze ngamamenyu ayisiyingi ayi-11, ngaphandle kokuqala sizincishe ukuxhumana kolunye uhlu lwamamenyu we-CSS.

Imenyu yokuzulazula eyindilinga

Le menyu yokujikeleza eyindilinga iyatholakala ku-CSS naku-HTML, ngakho-ke ukusetshenziswa kwayo kulula kakhulu uma ujwayele ukusebenza nekhodi. Unikezwe i izithombe ezinhle nesitayela esincane okubeka phakathi kokuhamba phambili ohlwini.

Imenyu eyindilinga entantayo

Imenyu eyindilinga entantayo

Le menyu eyisiyingi entantayo iyi- kucwile kwiJavaScript, kanye ne-HTML ne-CSS. Enye imenyu enochungechunge lokugqwayiza okubeka phakathi kokuhamba phambili kulolu hlu. Kwekhwalithi ngaphandle kokungabaza.

Ibha yokuzula eyisiyingi

I-navbar eyisiyingi

Le bha eyisiyingi iphefumulelwe yi Ulimi lokuklama lwe-Google olubizwa ngokuthi i-Material Design. Uma ufuna olunye lolo limi, sekuvele kuthatha isikhathi ukulufaka kuwebhusayithi yakho.

Imenyu Yento Eyisiyingi

Izinto eziyisiyingi

Enye imenyu eyisiyingi ye-Material Design nalokho ivelele kwabanye kulolo chungechunge lwezithonjana oluvele lubheke phezulu. Ukushaya futhi ngokuqeda kahle; ayiyinhle, kepha ibukeka iyinhle.

Imenyu eyisiyingi

Imenyu eyisiyingi

Le menyu ifakwe i-animation ukuthi nweba inkinobho ye-hamburger ukukhombisa izigaba ezahlukahlukene ongaya kuzo kuwebhusayithi lapho kuhlanganiswe khona.

Imenyu ye-Radial ku-CSS

Imenyu ye-CSS Radial

Le menyu esabalalayo yenziwa nge-CSS ne-HTML. Ingabe i- imenyu eyindilinga ebonakalayo kakhulu ngalolo chungechunge lwezithombe Lokho kuvela uma uchofoza kusithonjana se-hamburger. Ihlukaniswa yodwa kuphela yileso sici.

Imenyu ye-Radial

Imenyu eyisiyingi

Enye yamamenyu ayindilinga yokudala ohlwini, abonakala nge- izithombe zisebenze kahle kakhulu. Ngeke uze uchofoze ukubona izigaba ezahlukahlukene zemenyu kuwebhusayithi yakho.

Imenyu CSS Gooey

Imenyu yeGooey

Le menyu ilalela lolo hlobo lokugqwayiza ebizwa ngeGooey eyenza izigaba ezahlukahlukene ukugeleza kusuka kunkinobho ye-hamburger. Imenyu eyindilinga ehlukile kokunye ku-CSS, ngakho-ke unayo ukulungele ukuyifaka kuwebhusayithi. Ukugqwayiza okunempilo nokudonsa amehlo yikho okwenza ukuthi ivelele kwabanye.

Imenyu ye-animated radial

I-radial eyisiyingi

Le menyu eyisiyingi ilula impela, kepha ayinayo i-animation efanelekile ukuze ibe yikhwalithi eyodwa. Isebenzisa iJavaScript ukuhambisana ne-CSS ne-HTML. Ukuchofoza okulula kusithonjana se-hamburger kuzovula zonke izigaba ukuze uzulazule kuzo.

Ukuphuma kokuzulazula okuyindilinga

I-popout eyisiyingi

Ukucindezela okufishane kusithonjana se-hamburger kuvula ngokugcwele izingxenye ezahlukahlukene ku- khulisa umbuthano futhi ukwazi ukucindezela ngakunye. Uma inomphumela wokuhambisa phezulu uma ubamba igundane kunoma iyiphi yazo, ngakho-ke iba mnandi kakhulu kunangaphambili, okuyisisekelo esithe xaxa.

Imenyu eyisiyingi ejikelezayo

I-CSS Spin iphume

Lawa ngamamenyu ayindilinga ayisiqalo futhi enobuhlakani kulo lonke uhlu. Ingabe eyenziwe ngokwezifiso futhi izokukhumbuza ifoni kwabasendulo ukuthi bekufanele siphendule umunwe ukushaya ucingo ngenombolo ngayinye. Ukugqwayiza okujabulisayo kwemenyu eyisiyingi evelele kokunye ekukhulelweni kwayo. Kungukugqwayiza okufeza konke lokho, ngakho-ke uma ufuna imenyu emnandi nenelukuluku yetimu ethile, njengesikhungo sokushaya, lokhu kulungile kuyo.


Shiya umbono wakho

Ikheli lakho le ngeke ishicilelwe. Ezidingekayo ibhalwe nge *

*

*

  1. Ubhekele imininingwane: Miguel Ángel Gatón
  2. Inhloso yedatha: Lawula Ugaxekile, ukuphathwa kwamazwana.
  3. Ukusemthethweni: Imvume yakho
  4. Ukuxhumana kwemininingwane: Imininingwane ngeke idluliselwe kubantu besithathu ngaphandle kwesibopho esisemthethweni.
  5. Isitoreji sedatha: Idatabase ebanjwe yi-Occentus Networks (EU)
  6. Amalungelo: Nganoma yisiphi isikhathi ungakhawulela, uthole futhi ususe imininingwane yakho.

  1.   Leandro kusho

    Kuhle, ngiyabonga ngokuwafaka kanye namakhodi akho. Ngiyabonga kakhulu. Leli khasi lewebhu liya ngqo kubha yamabhukhimakhi wami