Vertical CSS Muterere: kuzviita pachako

Vamwe Webmasters havadi kupedza nguva kusimukira kubva muvare nyore zvinhu inotovapo. Vanodavira kuti hapana chikonzero kutambisa nguva yako pane chinhu zvave refu ikoko. Kutaura zvazviri, vaya chete kugona HTML uye CSS, zvinokosha kuti iwe zvinhu zvakawanda kuti kunzwisisa basa ravo rakanaka. Izvi zvinoshanda zviripo. Kuumba wehunyambiri CSS menu. It hwuchavapano chete HTML uye CSS, pasina kushandisa JavaScript uye JQuery. Mumwe Muterere ndiwo mazita Links kuti kukonzera mapeji nzvimbo.

matanho anokosha

Kuumba nyore wehunyambiri Muterere CSS, unofanira anotevera:

1. Kutanga, kuona mazita Links (kushandisa bumbiro HTML), iyo Muterere uchava. Kuvapa zita Somuenzaniso, zviri sezvinotevera:

1. Home.
2. Nhoroondo yedu.
3. Tungamirira.
4. Services.
5. Contacts.

2. Zvino Kugadzira Links Sezvamunoda tichibatsirwa CSS.

We nyora HTML code, kuramba my_Vmenu.html faira uye ndaona kuti kutarira mukati mubrowser:

Ndiyo hwaro (marangwanda) kuti Muterere yedu. # 1, # 2, etc. anofanira kutsiviwa bhuku. Ona kuti anotarisa ari mubrowser. The mufananidzo hausi kuita. Zvino tinofanira kutanga kutsanangura zvinhu zvidavado, kuti wakakwana wehunyambiri CSS menu.

Description kuno-

Gadzira faira my_Vmenu.css, wakaiswa zvose uchida kuvandudza chimiro chakadaro chinhu chinokosha nzvimbo. Heino code, pakatanga iro kumutsiridza hunyambiri CSS menu. Uye nyora faira itsva, uye ipapo tichatora kunyatsotarisisa zvinoreva huru mitsetse kuti dzinopiwa.

Detailed KUTSANANGURWA akashandisa stylesheet

Zvino funga nezveupenyu hwedu CSS wehunyambiri Muterere:

Pamazita mararamiro-mhando unokubvumira kubvisa mazita zvezvinangwa. Kugadza "0" mashoko anowirirana uye padding kubvisa imwe padding iri pasi. Sezvinogona kuoneka kubva HTML code, Muterere edu ndiwo mazita, uye zvitaera anotsanangurwa kushandisa CSS.

Ul # my_Vmenu - zvinonyatsorehwa werudzii yose pasi.

Ul # my_Vmenu he ane - Style Links pakati chipepa him.

Ul # my_Vmenu he rimwe: kuyengerera - rondedzero mhando pasi kufunga Muterere zvinhu panguva imwe Rinoengerera pamusoro vanhu.

Ul # my_Vmenu he rakapedza - chinyorwa Rondedzero (zita Muterere).

Yeuka kuti Files my_Vmenu.css my_Vmenu.html uye zvinofanira kuchengetedzwa mune imwe dhairetori. Zvisinei, vangave iri folders siyana, asi zvino zvakakosha kunyoresa my_Vmenu.html faira nzira kuna my_Vmenu.css. Ngwarira, nekuti vatsva kuti dambudziko iri kakawanda.

Style inofanira kwakabatana pakati musoro Tags ari HTML-faira. menu_1.png uye menu_2.png - ndiwo mufananidzo kuti mufananidzo Muterere chinhu ari kwomuzvarirwo nehurumende uye kuyengerera.

Zviri nani kuti aponese mifananidzo ari oga forodha mifananidzo, zita rokuti izvozvo my_images, asi zvino Chinja CSS remitemo. Nyora apo zvifananidzo izvi zvinoratidzwa, vari Directory ichi: URL (my_images / menu_1.png) uye URL (my_images / menu_2.png).

In vamwe zvivako zvinorondedzerwa CSS code, kunzwisisa nyore. Ivo vanotsanangura nechitarisiko Muterere yedu. Zviri nyore kuona kuti upamhi uye kukwirira zvinhu akarongwa kuti chete zvinhu zviri kuipa mamiriro, uye kana imi kuyengerera negonzo pamusoro pavo. Kukura kwemavara 18px, padding kutaura kuti indentation kubva kumativi akasiyana nzvimbo mazita. kuratidza anokubvumira akaisa kuratidzwa chikwata kumisa nohupamhi uye padding.

Our mira Menu

Sezvaunogona kuona, hunyambiri CSS menu kusika nyore. Pahwaro mashoko zivo uchakwanisa kuti yakanaka uye kukwezva vashanyi yenyu yokubudisira mashoko! Shandisa zvokufungidzira yako, uye ipapo munhu Stylish Muterere kuti mukwanisi wako nzvimbo.