Kubuda kana kudonhedza mamamenyu ari zvakakosha kune chero chero mhando yewebhusaiti. Kunyanya idzo dzinoda kuiswa kwedata nemushanyi, senge chimwe chinhu chakareruka sekusarudza murume kana mukadzi kana kusarudza kuti nderipi ruvara richava hembe rauri kuda kutenga muCommerce yedu.
Iwo mamenyu ekutsvaira zvimwe zvinhu zvatinogona kugadzirisa pawebhusaiti yedu kuti titeedzere zvazvino webhu dhizaini. Iko kubata uye hunyengeri uhwo huchawedzera humwe hunhu kune iyo yese nharaunda nharaunda yatakagadzirira webhusaiti yedu. Iwe kuunza mamenyu gumi nematanhatu muCSS izvo zvichauya zvinobatsira kuti uvandudze webhusaiti yako. Isu tinorangarira kuti vamwe vachange vainewo zvishoma JavaScript, uye pasina kukanganwa iyo inodikanwa HTML futi.
Mapopoma menyu
Iyi yekudonha kana yekudonhedza menyu ine HTML, CSS neJavaScript. Kunyangwe iyo JavaScript kodhi ipfupi. Inoteera yazvino Chinyorwa Dhizaini semutauro wekugadzira kuisa yakapusa uye yakatwasuka mapopoma emvura ine kuvapo kunokwezva. Kana uchivhura dzakasiyana menyu sarudzo, pane graphic hover mhedzisiro patinosiya mbeva pointer pamusoro pavo.
Kudonhedza menyu nejQuery
Iyi menyu yemapopoma yakanaka chaizvo, asi ndizvo yakanakisa dhizaini. Iyo zvakare ine hover yekusimbisa iyo yebhuruu hue yemenyu yega yega uye yekupasisa mhenyu pasina yakawanda fanfare. Inoitwa neHTML, CSS uye JavaScript (jQuery).
Maitiro mapopoma menyu
Iyi yekudonha menyu muHTML, CSS uye JavaScript iri rakafuridzirwa neimwe yeakanakisa mawebhusaiti: Stripe (iyo kadhi yedhijitari sevhisi). Iko hakuna kuyengerera pamusoro pemamenyu, asi yakanyatsogadzirwa mifananidzo yekujekesa zvinangwa zvedu nezve dhizaini yeyedu webhusaiti. Zvakakosha pahunhu hwayo uye hwakakwana kuvandudza mamenyu ewebhusaiti yako.
Mhuka yemvura yemvura
Iyi menyu inodonhedza inoedza kuratidza iko kushandiswa kweiyo kunonoka kuchangamuka yeimwe yega yezvinhu zvinoonekwa kana iwe uchisiya iyo mbeva mbeva mune yega menyu. Iine zvishoma zvegumi zvekunonoka, iko kunonoka kuita kunowanikwa izvo zvinopa iko kwakasarudzika kubata.
Kudonhedza menyu mhedzisiro
Sezvo kana akateedzana emakadhi kubva padhesiki, iyo yekuratidzira yeiyi yemvura mapopu menyu yakakosha kwazvo pairi. Yakanakisa mapopoma mhedzisiro iyo yakachena CSS. Iwe unotoziva zvaunofanirwa kuita kuti uzviise pane yako saiti.
Mapopoma emvura mumenyu
Menyu inodonhedza inokatyamadza nemifananidzo uye nezveruvara rwebhuruu iro rinomira kunze. Ne kupera mukati uye mukati, iyo mifananidzo inoita kuti zvikamu zvakasiyana zvemenyu zvioneke. Yakagadzirwa muHTML, CSS uye JavaScript.
Nediki jQuery: Mvura yekudonha menyu
Iyo yakasarudzika uye yakapfupika kudonhedza menyu kune iyo haina kushaiwa chero mhando yeruzivo. Zvichida kupfava kwayo ndiyo yakanakisa uye yakaipa pfungwa. Zvinoenderana nezvamunoda iwe webhusaiti yako uye zvaunoshuvira. Zvakawanda zveCSS uye zvishoma zveJavaScript.
Yakanaka mapopoma menyu
Kana mune yapfuura isu tichisuwa mamwe maficha uye dhizaini irinani, ino yekudonha menyu ine zvese zvinogadzirwa muCSS uye JavaScript. Iyo yekuratidzira uye yeorenji shading mhedzisiro iri kurova pese patinosiya mbeva mbeva pamusoro pechimwe nechimwe chezvikamu. Imwe yeakanakisa pane runyorwa.
Kudonhedza menyu muCSS
Un minimalist mapopoma menyu uye kuti yakagadzirirwa chete muCSS. Rakareruka mifananidzo, asi yaitwa zvakanaka kuti isabuda. Menyu inoenda isingazivikanwe uye inotevera zvinotevera dhizaini dhizaini.
Kudonhedza menyu
Iyi yakachena CSS Cascade menyu ndeimwe yakanyatso kusiyaniswa neopopayi izvo zvinoitika pese patinodzvanya pane menyu. Iyo yekunakisa inotsvedza pahwindo kubva kurudyi ine yakakwana nguva. Imwe yeinonyanya kufadza pane rese runyorwa.
Nyore mapopoma menyu
Iyi menyu yakapusa mumavambo uye ine HTML neCSS. Iyo imwe yemamenyu ayo anotibvumidza isu kuvandudza icho chakakosha chinhu chewebhu webhusaiti uye izvo usape cante yakawanda. Ini ndinofunga zvinonzwisiswa chaizvo zvatiri kureva nezvazvo.
Horizontal menyu yekufambisa
Kunyangwe zvatova kuzadzikiswa ake mana makore, iyi menyu yemapopoma inoputira iyo iri padyo nayo nenzira yakanaka yekugadzira. Kana iwe uchitsvaga chimwe chakasiyana, ndechimwe icho chaunogona kusarudza kubva pane chinyorwa.
Kudonhedza menyu muCSS
Imwe menyu chete muCSS uye izvo zvine mavara, zvirinani mukugadzirisa kwakapihwa mumuenzaniso. Nemavara akatsetseka, iwo maficha anoratidzira rolling shutter mhedzisiro iyo inodonhedza zvikamu zvakasiyana zvemenu yakasarudzwa menyu. Imwe yeanoda kuziva mapopoma emvura pane iyo runyorwa ine yakasarudzika-dingindira.
Mvura yemvura ine menyu iine JS diki
Iyi menyu inodonhedza inoshandisa shoma shoma JavaScript, inokwana kuvhara otomatiki menyu patinoenderera kune chimwe chinhu. Ndizvo nguva yakakwenenzverwa mukuita kwehupenyu kuti uve mumwe weakanakisa mune izvi.
Imwe yakachena CSS inokamba menyu
Iyo yekutsika menyu ine mifananidzo mune iyo hapana kana kunonoka kwezviuru Chepiri. Saka inogadzira mhedzisiro yekukurumidza kune mushanyi. Hover mhedzisiro uye inonakidza inodonhedza menyu isina yakawanda fanfare padanho repamusoro.
Cascade menyu zig zag pfungwa
Kana iwe uchitsvaga menyu kunze kweiyo runyorwa rwese mune ino posvo, ino inodonhedza menyu ine zvese iwe zvaunogona kutsvaga. Iyo mifananidzo inogadzirwa ndeye zigzag kupa rumwe rudzi rwechiitiko zvishoma zvekuyedza. Inogona kukwana zvakakwana mumutambo wevhidhiyo mutambo, saka kana iwe uine chero mhando yemutengi iri kutsvaga chimwe chakasiyana, zvirokwazvo ndiyo inonyanya kukoshesa runyorwa rwese. Maumbirwo ayo eoblique uye nekukurumidza mifananidzo inotaura zvese.
Tinokusiya uine dzino dzakateedzana dze CSS mamenu ewebhusaiti yako iyo ine nhamba huru yavo.