Top 10 CSS navigacijski izbornici

Stvaranje navigacije CSS-om jedan je od najvažnijih elemenata dizajna web stranica. Nabavite pravo na navigaciju, a ljudi će se osjećati dobrodošli i kao kod kuće. Pogrešno shvatite i to može stvoriti probleme vašem web mjestu. Ovo je izvrsna kolekcija 10 primjeraka CSS navigacije i tutorijala za kreativno raspoloženje.

Istražite elemente Envatoa

1. CSS fancy izbornik

Ovaj članak prolazi kroz stvaranje prilagođene navigacijske trake s nekim slatkim Javascript efektima koji će zasigurno impresionirati vaše prijatelje. Zahvaljujući velikoj knjižnici Mootools, ova se ljepota nalazi u 1, 5 kb. I ne samo to, već je i unakrsni preglednik (testiran na Internet Explorer 6/7, Firefox i Safari) i dostupan!

2. cssMenus

Ovaj navigacijski izbornik radi i okomito i vodoravno, potpuno je kompatibilan sa svim preglednicima.

3. Napredni CSS izbornik

Ovaj će vam vodič pokazati kako smanjiti dizajn izbornika (korak po korak) i staviti ih zajedno s CSS-om. Većina vas vjerojatno zna kako kodirati vodoravni ili okomiti izbornik CSS popisa. Sada prelazimo na sljedeću razinu - kodirajte napredni (netipičan) popisni popis koristeći svojstvo položaja CSS-a.

4. Ukrotivanje CSS popisa

U ovom ću članku pokazati kako pomoću CSS-a za stavljanje pod kontrolu neuredne liste. Vrijeme je da navedete popisima kako se ponašati, umjesto da ih pustite da divljaju na vašoj web stranici. Posebna se pažnja posvećuje korištenju popisa kao vertikalnog CSS izbornika.

5. Mini kartice

Sastavio sam se s ovim malim "mini karticama" za navigaciju dok sam radio na nekoliko projekata. Vjerojatno će se s vremenom pojaviti u stvarnom svijetu. Oni se, naravno, generiraju s čistim CSS-om i ne zahtijevaju nikakve slike.

6. Kartice za obrnuta klizna vrata

Ovo je objašnjenje kako sam prilagodio tehniku ​​kliznih vrata Douga Bowmana za rad s obrnutim jezičcima za nedavni redizajn mreže netrelations.se.

7. Zbirka besplatnih CSS izbornika

8. Jednostavni CSS izbornik s gradijentom

9. Prolazak kroz različite CSS navigacijske tehnike

10. Mini klizna navigacija

© Copyright 2024 | computer06.com