En İyi 10 CSS Gezinme Menüsü
CSS ile navigasyon oluşturmak, web sitesi tasarımının en önemli unsurlarından biridir. Navigasyonu doğru hale getirdiğinizde, insanlar kendilerini evlerinde memnuniyetle karşılayacaklardır. Yanlış olsun ve web siteniz için sorun büyü olabilir. Bu, sizi yaratıcı ruh haline getirmek için 10 CSS navigasyon örneği ve öğreticisinin harika bir koleksiyonudur.
Envato Elements'i keşfedin
1. CSS Süslü Menü
Bu makale, kesinlikle arkadaşlarınızı etkileyecek bazı sevimli Javascript efektlerine sahip özel bir gezinme çubuğu oluşturma yoluyla gos. Büyük Mootools kütüphanesi sayesinde, bu güzellik 1.5kb'de bulunur. Sadece bu değil, aynı zamanda çapraz tarayıcı (Internet Explorer 6/7, Firefox ve Safari'de test edildi) ve erişilebilir!
2. cssMenus
Bu gezinme menüsü, tüm tarayıcılarla tamamen uyumlu olacak şekilde hem dikey hem de yatay olarak çalışır.
3. Gelişmiş CSS Menüsü
Bu eğitimde, menü tasarımını nasıl dilimleyeceğinizi (adım adım) ve CSS ile bir araya getireceğim. Çoğunuz yatay veya dikey bir CSS liste menüsünün nasıl kodlanacağını biliyorsunuzdur. Şimdi bir sonraki seviyeye geçelim - CSS position özelliğini kullanarak gelişmiş (tipik olmayan) liste menüsünü kodlayın.
4. CSS Listelerinin evcilleştirilmesi
Bu makalede, CSS'nin kullanılmayan listeleri kontrol altına almak için nasıl kullanılacağını göstereceğim. Web sayfanızda çıldırmak yerine listelere nasıl davranacaklarını söylemenin zamanı geldi. Bir listeyi dikey CSS menüsü olarak kullanmaya özellikle dikkat edilir.
5. Mini Sekmeler
Birkaç projede çalışırken navigasyon için bu küçük “mini sekmeler” ile karşılaştım. Muhtemelen sonunda gerçek dünyada görünecekler. Elbette saf CSS ile üretilirler ve görüntü gerektirmezler.
6. Ters Kayar Kapılar Sekmeleri
Bu, Doug Bowman'ın Kayar Kapılar tekniğini, son zamanlarda yapılan netrelations.se tasarımı için ters sekmelerle çalışacak şekilde nasıl uyarladığımın bir açıklaması.
7. Ücretsiz CSS menülerinden oluşan bir koleksiyon
8. Basit bir gradyan CSS menüsü
9. Farklı CSS navigasyon tekniklerinin gözden geçirilmesi
10. Mini sürgülü navigasyon