11 madenderedzwa mamenu muCSS uye HTML kutevedzera zvazvino webhu dhizaini

CSS Yakatenderera

Isu tinoenderera neimwe runyorwa rukuru rwemamenyu akatenderera ese muCSS sezvazviri muHTML kuitira kuti uzvigadzirise pane zvaunoda zvewebsite yako. Aya mamenyu akatenderera anonyanya kuyedza kupa iyi hamburger menyu dhizaini uye mifananidzo iyo inotenderera yakatenderera; sezvo zvaisagona kuve neimwe nzira.

Kune akasiyana zvakasiyana pamwe neiyo yakakwana iyo iri kukwanisa kupa chinotarisirwa kune dingindira chairo. Iyo yekuratidzira uye ine diki dhizaini yekuona inokwanisa kupa zviratidzo kune mushanyi kuitira kuti vazive kuti isu tine ziso rakanaka rekupa yedu webhusaiti mhando muwebhu dhizaini. Ngatizviitei nemamenyu gumi nematanhatu akatenderera, tisina kutanga tazvinyima pakubatanidza kune imwe runyorwa rweCSS menyu.

Denderedzwa yekufambisa menyu

Iyi denderedzwa yekumenyu menyu inowanikwa muCSS uye HTML, saka kuitiswa kwayo kuri nyore kana iwe wajaira kushanda nekodhi. Yakapihwa hukuru hukuru uye hushoma maitiro inoiisa pakati pezvakanakisa pane zvinyorwa.

Inoyerera yakatenderera menyu

Inoyerera yakatenderera menyu

Iyi menyu inoyerera yakatenderera iri akanyura muJavaScript, pamwe neHTML neCSS. Imwe menyu ine akateedzana emifananidzo anoiisa pakati pezvakanakisa pane urwu runyorwa. Hunhu pasina kupokana.

Denderedzwa yekufambisa bar

Denderedzwa navbar

Iri denderedzwa bhaa rakafemerwa ne Mutauro weGoogle dhizaini unonzi Chinyorwa Dhizaini. Kana iwe uchitsvaga mumwe wemutauro iwoyo, zvave kutotora nguva kuubatanidza muwebsite yako.

Denderedzwa Chinyorwa Menyu

Denderedzwa Chinyorwa

Imwe denderedzwa menyu yeChinyorwa Dhizaini uye iyo anomira kubva kune vamwe vese yeiyo nhevedzano yemifananidzo inoonekwa yakatwasuka. Kurova uye nekupedza kwakakwana; kwete yakanakisa, asi inoratidzika kunge yakanaka.

Denderedzwa menyu

Denderedzwa menyu

Iyi menyu yakagadzirirwa nemifananidzo iyo wedzera hamburger bhatani kuratidza zvikamu zvakasiyana zvaunogona kuenda kune webhusaiti iyo inosanganiswa.

Radial menyu muCSS

CSS Radial Menyu

Iyi radial menyu inogadzirwa muCSS uye HTML. Ndiyo inoonekwa yakatenderera menyu yeiyo nhevedzano yemifananidzo izvo zvinoonekwa kana uchidzvanya pane hamburger icon. Iyo inosiyaniswa neayo yega neicho chimiro chete.

Radial menyu

Denderedzwa menyu

Imwe yemamenyu ekutenderera akatenderera pane iyo rondedzero, inozivikanwa ne mifananidzo yakanyatso shanda. Iwe haufanire kudzvanya kuti uone akasiyana mamenyu zvikamu pane yako webhusaiti.

CSS Gooey Menyu

Gooey Menyu

Iyi menyu inoteerera iyo mhando yehupenyu inonzi Gooey iyo inoita zvikamu zvakasiyana kuyerera kubva kubhatani re hamburger. Iyo yakatenderera menyu inosiyana nedzimwe dzese muCSS, saka iwe unayo yakagadzirira kuzvibatanidza muwebhusaiti. Iyo yakajeka uye inobata maziso mifananidzo ndiyo inoita kuti inyatsooneka kubva kune vamwe vese.

Mhuka dzakasarudzika redhiyo

Denderedzwa radial

Iyi denderedzwa menyu iri nyore, asi haina kushaya yakajeka mifananidzo kuti ive yemhando yepamusoro. Hongu inoshandisa JavaScript kuperekedza CSS neHTML. Kungodzvanya pane hamburger icon ichavhura zvikamu zvese kuti ugone kuenda kwazviri.

Denderedzwa yekufambisa popout

Denderedzwa popout

Muchidimbu mupfupi pane hamburger icon inovhura zvizere zvikamu zvakasiyana zve wedzera denderedzwa uye ugone kudzvanya mune imwe neimwe. Kana iine hover mhedzisiro kana iwe ukabatirira mbeva pane chero chazvo, saka chinova chinonakidza kupfuura cheyamberi, chinova chakanyanya kukosha.

Spin-kunze yakatenderera menyu

CSS Yakatenderera

Iyi ndeimwe yemamenyu epakutanga uye ekugadzira madenderedzwa pane ese runyorwa. Ndizvo yakanyatsogadziriswa uye inokuyeuchidza nezve foni yevekare kuti isu taifanirwa kushandura munwe kuti tifonere neimwe yenhamba. Mifananidzo inonakidza yemudenderedzwa menyu inomira kubva kune vamwe vese mukubata kwayo. Icho chaicho chiratidziro chinowana zvese izvo zvinoitika, saka kana iwe uchitsvaga inonakidza uye inonakidza menyu yeiyo chaiyo tema, senge yekufona nzvimbo, izvi zvakakwana kwazviri.


Siya yako yekutaura

Your kero e havazobvumirwi ichibudiswa. Raida minda anozivikanwa ne *

*

*

  1. Inotarisira iyo data: Miguel Ángel Gatón
  2. Chinangwa cheiyo data: Kudzora SPAM, manejimendi manejimendi.
  3. Legitimation: Kubvuma kwako
  4. Kutaurirana kwedata
  5. Dhata yekuchengetedza: Dhatabhesi inobatwa neOccentus Networks (EU)
  6. Kodzero: Panguva ipi neipi iwe unogona kudzora, kupora uye kudzima ruzivo rwako

  1.   Leandro akadaro

    Zvikuru, maita basa nekuisa iwo pamwe nemakodhi ako. Ndatenda zvikuru. Iri peji rewebhu rinonanga kubhurawuza rangu.