Cum de a crea un meniu vertical pentru un site pe css

În această lecție ne vom uita la procesul de creare a unui concept de meniu foarte interesant, vom crea un vertical și chiar minimalist. Această navigare va conține sub, adică, vom crea o ierarhie de file verticale pentru navigare. În plus, animația va fi setat atunci când selectați și adăugați pictograme pentru a decora fi în mod semnificativ de navigare noastre. Vom dezvolta această tendință în construirea site-ului și să continue să dezvolte diverse opțiuni pentru această navigare.

Avantajul acestui navigare este compactitatea sa, dar acest meniu este complet adaptiv, joacă un rol important în problema de astăzi a clădirii site-ului. Deci, să începem.

Pasul 1. HTML

Vom avea un container care va conține întreaga ierarhie a meniului, așa cum concluzionăm în sub-clase:

Fiecare nou alineat vom semnat tag-ul. Cu marcajul nu este nimic complicat, acum ia în considerare stilurile.

Pasul 2. CSS

Tot aici este interesant, pentru început, avem două stiluri ale bibliotecii vor fi conectate, dintre care primul este pictograma, mici animații și fonturi, și în al doilea rând, trebuie să resetați stiluri. Am adăuga interogări media, care ne permite să facem adaptiv de navigare la diferite ecrane, proprietăți de animație ne va permite să facă o mică animație pe mouseover:

În plus, vom stabili poziționarea pe pagină și tăiate pentru fiecare element, codul pare a fi destul de mare, dar destul de ușor de utilizat.

Asta e tot. Gata!

Materialul este preluat dintr-o sursă externă. Și prezentate doar cu scop informativ.