Uundaji wa menyu labda ni moja ya hoja kuu katika ukuzaji wa tovuti na programu. Kwa kuongezea, ufafanuzi mzuri na muundo mzuri wa menyu kama hiyo ni uso wa wavuti au mpango wowote. Kwa mfano, wacha tuchukue Microsoft na mfumo wa uendeshaji wa Windows 7. Baada ya kutolewa kwa Windows 7, Microsoft ilisikia ukosoaji mwingi ambao haukujipendeza. Kumekuwa na ukosoaji mwingi, lakini mara nyingi vitu vya menyu vilivyowekwa vizuri. Soma kwa uangalifu mafunzo haya juu ya jinsi ya kuunda menyu ya kuteremsha usawa na CSS na Wavuti ya Kujieleza Mitindo ya lebo itabadilika kuunda menyu
Maagizo
Hatua ya 1
Nenda kwa Simamia Mitindo na kisha bonyeza kitufe cha Mtindo Mpya. Toa jina Selector ul li kwa mtindo mpya uliouanzisha tu. Pia kumbuka kuhakikisha kuwa mtindo mpya lazima ufafanuliwe kwenye faili ya drop-down.css.
Hatua ya 2
Ili kunyoosha menyu ya usawa, unahitaji kuambia vitu vya menyu kuwa itakuwa usawa. Ifuatayo, unahitaji kuamua upana wa kila kitu cha menyu na uondoe nukta zote zisizohitajika mbele ya vitu vyote vya orodha.
Hatua ya 3
Kwa mpangilio wa usawa nenda kwenye Mpangilio na weka sifa ya kuonyesha kuwa inline. Weka sifa ya kuelea kushoto. Bonyeza kitufe cha Weka. Vitu vyote vya orodha lazima viweke kwenye laini moja. Ili wasiingiliane, unahitaji kufanya yafuatayo: weka nafasi ya nafasi ya sifa ya upana kwa 150px. Sasa angalia. Vipengele vyote vya orodha vinapaswa kuwa saizi sawa.
Hatua ya 4
Sasa tunahitaji kujaribu kuondoa dots mbele ya vitu vya orodha. Ili kufanya hivyo, nenda kwenye Orodha na uweke orodha ya mtindo-aina ya sifa kwa hakuna.
Hatua ya 5
Bonyeza sawa kukubali mabadiliko yote.
Hatua ya 6
Ili kurekebisha saizi ya fonti kwa mtindo wa ul li, unahitaji kufanya yafuatayo. Katika Simamia Mitindo, bonyeza kulia kwenye mtindo wa li li unahitaji kuchagua Badilisha Mtindo. Sanduku la mazungumzo linalojulikana la kuongeza au kubadilisha sifa litafunguliwa. Nenda kwenye kitengo cha herufi na uweke sifa ya fonti-familia kwa Arial, Helvetica, sans-serif. Ifuatayo, nenda kwenye saizi ya saizi ya fonti na uweke kwa 0.9em. Baada ya hapo, weka sifa ya kubadilisha-maandishi, weka thamani yake kuwa kubwa.
Hatua ya 7
Urefu wa vitu kwenye menyu iliyoundwa inaweza kubadilishwa katika kitengo cha Nafasi. Weka sifa ya urefu kuwa 30px.
Hatua ya 8
Ifuatayo, unahitaji kuhifadhi faili ya menyu.html. Ili kufanya hivyo, Wavuti ya Kujieleza itafungua dirisha la Faili zilizohifadhiwa Iliyohifadhiwa ili kuhifadhi faili. Hifadhi faili ya drop-down.css. Bonyeza sawa kuokoa.
Hatua ya 9
Sasa angalia matokeo yako. Kwa kuegemea, ni bora kuijaribu katika vivinjari tofauti. Kuangalia matokeo yaliyopatikana kwenye kivinjari chaguo-msingi, lazima ubonyeze kitufe cha F12 kwenye kibodi yako.
