Vertical CSS Ka 'ike no: hana ia oe iho

Kekahi ke Kikowaena mai i makemake e kali manawa ulu mai kūikawā 'âina oihana mua i kāinoa mua nei. Lakou manaoio i ka mea, aohe wahi i hoomaunauna aku ai i kou manawa ma luna o kekahi mea i lōʻihi noho ai ilaila. I ka mea, no ka poe e pono mastering HTML, a CSS, ia mea pono ke hoolilo ia oe iho i ka hailona no na mea e i ka hoomaopopo maikai o ko lākou mau hana. Kēia pili i ka 'ike no. Hana i kekahi vertical CSS menus. It E e ma muli wale ma HTML a me ka CSS, me ka pono o ka Javascript a me JQuery. Kēlā me kēia 'ike no ka i ka papa inoa o nā loulou e alakai i ka' aoʻao o ka paena.

walaʻauʻana a me ke kapuai

E ho okumu i kekahi mea vertical kuhikuhi kahua paʻa CSS, e pono ke kēia mau kapuwai.

1. Eia mua, hoʻoholo i ka papa inoa o nā loulou (me ka hoʻohana 'kuhi HTML), no a ka' ike e ia. E hāʻawi aku iā lākou i ka inoa, no ka laʻana, e like penei:

1. Home.
2. Ko kākou mōʻaukala.
3. Alakai.
4. Services.
5. Hoʻokaʻaʻike.

2. Alaila, kapaia loulou me kou makemake me ke kōkua o ke CSS.

E kākau i ka HTML kivila, e malama i ka my_Vmenu.html waihona, a ike pehea ia e nana aku i loko o ka polokalamu kele pūnaewele.

'O kēia ke kumu (iwi) o ko mākou' ike no. # 1, # 2, etc. E auou caiaiai ia i maopopo nä haumäna. E nānā i ka mea nana i loko o ka polokalamu kele pūnaewele. Ke kiʻi 'oe eʻaʻole makemake. Ano, aole makou e hoʻomaka e wehewehe i nā kumu o ke kaila, e hana i ka piha vertical CSS menus.

Description styles

Hana i kekahi AEI my_Vmenu.css, a hoonoho iho la oe i makemake e hoʻoikaika i ka helehelena o ka ia he nui hehee ai o ka paena na mea a pau. Eia ka ka kivila, me ka hoʻokomo 'ia' o ka mea e revitalize ka vertical CSS menus. Ia, a kākau i ka hou waihona, a laila mākou e lawe i ka pili nana i ke ano o ka papa kuhikuhiE laina i i haawiia mai.

Piha Hōʻikeʻano hoʻohana stylesheet

Ano, e noonoo i ka lāliʻi o ko mākou CSS vertical kuhikuhi kahua paʻa:

papa-mika-type e leie aku oe, e wehe i ka papa inoa o nā hōʻailona. Ma ka holo ana "0" i ka palena pau a me ka nenelu loa wehe i ke keu nenelu loa i loko o ka papa. I hiki ke ike mai i ka HTML kivila, mākou 'ike no o ka papa, a ua ho'ākāka' ia i nā styles hoʻohana CSS.

Ul # my_Vmenu - ka nohona ma kaila o ka papa holoʻokoʻa.

Ul # my_Vmenu li o ka - mika nā loulou ma waena o ka Tag li.

Ul # my_Vmenu li i: hover - he hōʻike no ke 'ano ma lalo o noonoo o ka' ike no nā 'ikamu i kekahi manawa, i ka wa kekahi hovers ma luna o kanaka.

Ul # my_Vmenu Li i kīkoʻo kona - kikokikona hōʻikeʻano (inoa Ka 'ike no).

E hoomanao i ka waiho 'my_Vmenu.css my_Vmenu.html, a pono e malamaia ma ka hookahi papa kuhikuhi. Naʻe, ka mea, i ke kai piha i loko o kekahi nā waihona, akā laila ia mea nui, e? Aaeno ma my_Vmenu.html waihona alanui i my_Vmenu.css. E ao, no ka mea, na malihini, a hiki i keia pilikia pinepine.

pono e pili Style ma waena o ke poo Tags i loko o ka mana html-waihona. menu_1.png a menu_2.png - keia mea i ke kiʻi no ka mea kiʻi 'ike no aia i loko o ka maʻamau moku'āina a me ka hover.

E aho e hoola i nā kiʻi i loko o ka hookaawale waihona no nā kiʻi, kapa ia my_images, akā, laila hoÿonohonoho pono i ka CSS kuhi. E kakau iho i kahi i kēia mau kiʻi i hōʻike 'ia nei, ka mea, i loko o kēia papa kuhikuhi: henua pilikia (my_images / menu_1.png) a me ka henua pilikia (my_images / menu_2.png).

Ma ke koena o ka waiwai i ho'ākāka 'ia i loko o ka CSS kivila, e ike eaaei. Ka mea, IeXAaAeAaIEN i keʻano o ko mākou 'ike no. He oluolu i ka hai ana i hoakaka ia ma ka laula a me ke kiekie o ikamu no ka mea ia ikamu i loko o ka maʻamau moku'āina, a me ka wā e hover ka iole ma luna o lākou. Font nui 18px, nenelu loa hoʻomōakaaka ka indentation, mai kekahiʻaoʻao o ka wahi inoa. hōʻike 'ia nei ke hoike nei oe i ka hōʻike' ia nei ka mokuna, e hoʻonoho i ka laula a me ka nenelu loa.

Mākou vertical kuhikuhi kahua paʻa

E like me 'oe ke ike, i ka vertical CSS menus e ho okumu ana i wale. Ma ke kumu o kaʻikepili o ka ike oe e e hiki ke hana ia nani a me ka uʻi i nā malihini i kou pūnaewele paena! E hoʻohana i kou manaʻo, a laila, he kaila kuhikuhi kahua paʻa, e hoʻokō i kou paena.