Iimenyu ezili-11 zetyhula kwi-CSS nakwi-HTML ukulandela imigangatho yangoku yoyilo lwewebhu

I-CSS ijikeleze

Siqhubeka nenye Uluhlu olukhulu lweemenyu ezijikelezayo zombini kwi-CSS njengakwi-HTML ukuze ukwazi ukuziqhelanisa neemfuno zewebhusayithi yakho. Ezi menyu zetyhula ikakhulu zama ukunika imenyu yehamburger isitayile kunye noopopayi abajikeleza isetyhula; kanye njengokuba kungenakuba njalo.

Kukho iindidi ezahluka-hlukeneyo kunye nokugqibelele oko kukuthi Uyakwazi ukunika ingqwalaselo eyimfuneko kumxholo othile. Oopopayi kunye nesitayile esibonwayo esincinci bayakwazi ukunika imiqondiso undwendwe ukuze bazi ukuba sineliso elilungileyo ukunika umgangatho wewebhusayithi yethu kuyilo lwewebhu. Masenze ngeemenyu ezili-11 ezijikelezayo, ngaphandle kokuqala sizithintele ekunxibelelaneni kolunye uluhlu lweemenyu zeCSS.

ISETYHULA menu navigation

Le menyu yokujikeleza isetyhula iyafumaneka kwi-CSS nakwi-HTML, ke ukuphunyezwa kwayo kulula kakhulu ukuba uqhele ukusebenza nekhowudi. Unikwe oopopayi abakhulu kunye nesitayile esincinci ebeka phakathi kwezona zilungileyo kuluhlu.

Imenyu ejikelezayo ejikelezayo

Imenyu ejikelezayo ejikelezayo

Le menyu yesetyhula idadayo yile kukuntywila kwiJavaScript, Kunye ne-HTML kunye neCSS. Enye imenyu enoluhlu lweeopopayi eziyibeka phakathi kwezona zilungileyo kolu luhlu. Umgangatho ngaphandle kwamathandabuzo.

ISetyhula bar yokukhangela

ISETYHULA navbar

Le bar isetyhula iphefumlelwe Ulwimi loyilo lukaGoogle olubizwa ngokuba luYilo lwezixhobo. Ukuba ujonga olunye olo lwimi, sele kuthabatha ixesha ukuyidibanisa kwiwebhusayithi yakho.

ISetyhula yemenyu yezixhobo

Izinto eziSetyhula

Enye imenyu ejikelezayo yoYilo lweMathiriyeli kwaye leyo ime ngaphandle kwabanye Kolo ngcelele lweempawu ezibonakalayo ezithe nkqo. Ukuqhayisa kunye nokugqiba okugqibeleleyo; ayilunganga, kodwa ijongeka intle.

ISETYHULA menu

ISETYHULA menu

Le menyu ixhotyiswe ngoopopayi abathi Yandisa iqhosha lehamburger ukubonisa amacandelo ahlukeneyo onokuya kuwo kwiwebhusayithi apho idityanisiwe.

Imenyu yobubanzi kwiCSS

Imenyu yeCSS Radial

Le menyu ye-radial yenziwa kwi-CSS nakwi-HTML. Yi imenyu setyhula ebonakalayo kakhulu kolo thotho lwemifanekiso ezibonakala xa ucofa i icon yehambhega. Ukwahlula ngokwalo kuphela kuloo nto.

Imenyu yeradial

ISETYHULA menu

Enye yeemenyu zesetyhula zokuyila ezikuluhlu, ezibonakaliswa ngu oopopayi basebenze kakuhle. Akunakuze ucofe ukubona amacandelo emenyu kwiwebhusayithi yakho.

Imenyu ye-CSS Gooey

Imenyu yeGoeoey

Le menyu ithobela olo hlobo loopopayi ebizwa ngokuba yiGooey eyenza amacandelo ahlukeneyo ukuhamba kwiqhosha le hamburger. Imenyu ejikelezayo eyahlukileyo kwezinye kwi-CSS, ke ngoko ukulungele ukuyidibanisa kwiwebhusayithi. Oopopayi abadlamkileyo nabatsala amehlo yile nto ibenza bahluke kwabanye.

Imenyu ye-animated radial

Isetyhula radial

Le menyu isetyhula ilula, kodwa ayisiyiyo yoopopayi efanelekileyo ukuba ibe ngumgangatho. Ewe isebenzisa iJavaScript Ukuhamba neCSS kunye ne-HTML. Ukucofa ngokulula kwi icon yehamburger kuya kuvula onke amacandelo ukuze uzulazule kuwo.

ISetyhula popout popout

Isetyhula popout

Umshicileli omfutshane kwi icon yehamburger uvula ngokupheleleyo amacandelo ahlukeneyo ukwandisa isangqa kwaye ukwazi ukucofa nganye nganye. Inesiphumo sokuhamba ngokungagungqiyo ukuba ubambe imouse kuyo nayiphi na kuzo, ke iba yinto enomdla ngakumbi kunangaphambili, esisiseko ngakumbi.

Imenyu ejikelezayo ejikelezayo

I-CSS ijikeleze

Le yenye yezona setyhula ziyimvelaphi kunye nobuchule kuluhlu lonke. Ngaba Yenza ngokwezifiso kwaye iya kukukhumbuza ngefowuni yabadala ukuba kufuneka sijike umnwe ukwenza umnxeba ngenani ngalinye. Oopopayi abonwabileyo kwimenyu ejikelezayo ebonakalayo kwabanye xa ukhawula. Ngokwenyani luphiliso olufezekisa konke oku, ke ukuba ujonge imenyu emnandi nenomdla kumxholo othile, njengeziko lokutsalela umnxeba, oku kuyifanele.


Umxholo wenqaku uyabambelela kwimigaqo yethu imigaqo yokuziphatha yokuhlela. Ukuxela impazamo cofa apha.

Izimvo, shiya eyakho

Shiya uluvo lwakho

Idilesi yakho ye email aziyi kupapashwa. ezidingekayo ziphawulwe *

*

*

  1. Uxanduva lwedatha: UMiguel Ángel Gatón
  2. Injongo yedatha: Ulawulo lwe-SPAM, ulawulo lwezimvo.
  3. Umthetho: Imvume yakho
  4. Unxibelelwano lwedatha: Idatha ayizukuhanjiswa kubantu besithathu ngaphandle koxanduva lomthetho.
  5. Ukugcinwa kweenkcukacha
  6. Amalungelo: Ngalo naliphi na ixesha unganciphisa, uphinde uphinde ucime ulwazi lwakho.

  1.   Leandro sitsho

    Mkhulu, enkosi ngokufaka kunye neekhowudi zakho. Enkosi kakhulu. Eli phepha lewebhu liya ngqo kwibar yam yeebhukumaki.