Jinsi Ya Kutengeneza Menyu Ya Kuteleza

Orodha ya maudhui:

Jinsi Ya Kutengeneza Menyu Ya Kuteleza
Jinsi Ya Kutengeneza Menyu Ya Kuteleza

Video: Jinsi Ya Kutengeneza Menyu Ya Kuteleza

Video: Jinsi Ya Kutengeneza Menyu Ya Kuteleza
Video: Jinsi ya kupika cabbage ya nyanya 2024, Novemba
Anonim

Moja ya mambo muhimu zaidi ya ukuzaji wa wavuti na programu ni uundaji wa menyu. Menyu nzuri ya kuteleza inabaki kuwa kigezo kwa wamiliki wengi wa programu na vipindi. Hii inaweza kufanywa kwa kutumia zana za Wavuti za CSS na Kujieleza.

Jinsi ya kutengeneza menyu ya kuteleza
Jinsi ya kutengeneza menyu ya kuteleza

Maagizo

Hatua ya 1

Fungua Wavuti ya Kujieleza na uende kwenye Dhibiti Mtindo ili uanze kuunda menyu ya kutelezesha na bonyeza kitufe cha Mtindo Mpya. Taja mtindo mpya Kichaguzi ul li. Hakikisha faili iliyotengenezwa ina ugani wa kushuka.css. Ili kuunda menyu ya kuteleza, taja nafasi inayofaa kwenye skrini. Tambua upana wa kila moja ya vitu vya menyu na uondoe nukta zisizohitajika ambazo zinaweza kuwa mbele yao.

Hatua ya 2

Endesha chaguo la Mpangilio na weka Sifa ya Kuonyesha. Ipe thamani ya Inline inayofaa ili iwe sawa kwenye skrini. Weka sifa ya Kuelea kushoto na bonyeza kitufe cha Tumia. Weka vitu vyote vya orodha kuwa mstari mmoja. Kuziweka katika mpangilio mzuri na sio kuingiliana, weka sifa ya Upana kwa Nafasi kwa njia ya px 150. Hakikisha vitu vyote kwenye orodha vina ukubwa sawa. Ondoa nukta mbele ya kila kitu kwa kwenda kwenye sifa ya Orodha na kuweka Aina ya Mtindo wa Orodha kuwa Hakuna. Bonyeza "Sawa" kukubali mabadiliko na kuanza kutumika.

Hatua ya 3

Rekebisha mtindo na saizi ya fonti kwa ul li. Nenda kwa Simamia Mitindo na bonyeza kulia kwenye ul li, ukichagua Badilisha Modeli. Utaona menyu ya mazungumzo tayari. Nenda kwa herufi, chagua herufi-familia na uweke sifa hii kwa Helvetica, Arial, Sans-serif. Rekebisha saizi ya fonti na uiweke kuwa 0, 9. Weka sifa ya kubadilisha Nakala kwa Kiwango kikubwa. Katika sifa ya Urefu - Nafasi, taja urefu halisi wa vitu vya menyu kwa kuweka thamani hadi 30 px.

Hatua ya 4

Hifadhi faili kama menyu.html wakati vitendo vyote vya kurekebisha vimekamilika. Jaribu orodha ambayo umetengeneza tu katika programu na vivinjari anuwai ili uone ikiwa inafanya kazi. Kama unavyoona, sio ngumu kuunda menyu kama hii.

Ilipendekeza: