Menu CSS verticale: fendu da te

Certi pàgina ùn vulete passanu tempu di sviluppà da zeru quattru elementi chi già esisti. Si credi chì ùn ci hè nunda à dinunziatu u vostru tempu nant'à qualcosa chì hè longa accupatu. In fatti, per quelli chì sò cum'è maestru di HTML è CSS, hè impurtante di fà se assai di e cose à avè una bona cunniscenza di a so òpera. Stu sugettu à a lu menu. Creà un listini CSS virticali. Ci hà da esse fundata solu nant'à HTML è CSS, senza l 'usu di JavaScript è Persiana. Ogni principali hè una lista di i ligami chì porta à e pagine di u situ.

passu funnamintali

À creà un sèmplice menù, verticale CSS, vi tuccherà u seguenti passu:

1. Prima, definisce una lista di i ligami (cù còdice HTML), di cui lu principali sarà. Dà li un nome, per esempiu, sò sicuenti:

1. Home.
2. A nostra storia.
3. Istruzione.
4. Services.
5. Contacts.

2. Dopu Ricchi ligami cum'è vo vulete cu l 'aiutu di CSS.

Avemu scriviri u codice HTML, tene in u schedariu my_Vmenu.html è vede cumu si hà da circà in u navigatore:

Ghjè a basa (pile) di u nostru principali. # 1 # 2, etc. duvia esse sustituita da riferenza. Vede cumu si prisenta in u navigatore. U ritrattu voi ùn vi piace. Avà avemu deve cumincià à discriva u elementi di stile, per fà un cumpleta listini CSS virticali.

Description stili

Creà un my_Vmenu.css cartulare, chì crià tuttu vo vulete à migliurà u spuntà di un elementu accussì mpurtanti di u situ. Quì hè u codice, la ntruduzzioni dû quali vi revitalize i listini CSS virticali. It e scrìviri lu novu cartulare, è tandu avemu Mulateri Di L'piglià una vicina circà u sensu di u principale linii chì sò dati.

Discrizzioni stylesheet usatu

Avà guardà i ditagli di u nostru principali verticale CSS:

a lista-lucia-Type permette à voi à caccià la lista di i segni. By scinni "0" à u sopra è Courbure caccià u Courbure lettinu in u listinu. Comu pò esse vistu da u còdice HTML, u nostru principali hè una lista, è i golfi sò discritti cù CSS.

U ul # my_Vmenu - u stile, palesa di u web lista.

U ul # my_Vmenu L li un - ligami stile, frà i tag: li.

U ul # my_Vmenu L li una: Piazza Dante - una discrizzione di u tippu sottu imbusche di muri lu menu à un tempu, quannu unu sopr populu.

U ul # my_Vmenu L li un nùmaru - Lacu di u testu (menu principali titulu).

Ùn vi scurdate chi schedari my_Vmenu.css my_Vmenu.html è deve esse cunservatu in u listessu annuariu. Però, si pò esse trova in ciu differente, ma tandu diventa impurtante di iscrive a strata cartulare my_Vmenu.html à my_Vmenu.css. Attenti, parchì i novi ghjunti à stu prublemu à spessu.

Style deve esse lea trà i balise capu in una html,-cartulare. menu_1.png è menu_2.png - chistu è lu ritrattu di lu bagagliu principali ritrattu in u statu nurmale è Piazza Dante.

Hè megliu à salvà u imagine in un cartulare siparati di images, de famille lu my_images, ma poi aghjustà u codice CSS. Scrìviri induve sò dimustratu issi images, ch'elli sò in stu cartulare: indirizzu (my_images / menu_1.png) è indirizzu (my_images / menu_2.png).

In u restu di l 'uggetti discritta in lu codice CSS, à capisce facirmenti. Iddi difinizzioni di l 'aspettu di u nostru principali. Hè facile à custata chi a larghezza è altu di muri pricisatu di u listessu muri in u statu nurmale, è quandu vi Piazza Dante u surci supra li. font size 18px, Courbure specifies u sangría da parechji lati di i nomi locu. vede lume vo stabilitu u unità vede à crià a larghezza è Courbure.

U nostru principali virticali

Comu si pò vede, i listini CSS verticale di creà facirmenti. On a basa di dati di a cunniscenza tù sarè capaci di fà si bellu è attrattiva à i visitori di u vostru situ Web! Aduprà u vostru core, è tandu un menù flat à complement u vostru situ.