Responsive Dropdown Nav Menu

Responsive dropdown nav menu with CSS3 animation. Daha önce burada basit olarak responsive nav menü örneği paylaşmıştım. Şimdiki örneğimiz ise Multilevel responsive nav menü. Ayrıca açılır menü animasyon ile açılacak. Tamamen CSS ile yazılmış olup, minik bir aç/kapa işlemi harici javascript kodu içermemektedir. responsive-nav-menu-2 Önizleme – Preview  İndir – Download

15 Yorum

  1. hayırlı geceler ben bu menü ye z-index veremiyorum sebep nedir yada buna başka bi kodmu yazmam lazm bu menü üstünde çalışıyorum yaklaşık 200 sayfalık bir site yapıcam lkim menü yü sayfada gezdiremiyorum yardım pls

    1. Merhaba

      Style(css) dosyasında

      nav {
      background-color: #0080C0;
      }

      bulun ve değiştirin;

      nav {
      background-color: #0080C0;
      z-index:9999;
      }

    1. Scrollbar ile kasıt menü ekranı aştığında ise, tarayıcı scroll açılır…

      Belirli bir yükseklik verip scrollbar eklemek için ise;

      style dosyasındaki aşağıdaki bölümü değiştirmeniz gerekir…

      nav {
      background-color: #0080C0;
      max-height: 300px;
      overflow: auto;
      }

  2. menü cok güzel elinize sağlık teşekkür ederim..ama bır sorum olacak

    örnek olarak Sub Menu1 de aaçılır hale getirmek ve içine bir menü koymak ıstersek nasıl yapablirz.

    1. Demoda, “Dropdown1” -> “Sub Menü1”

      css dosyasında

      /* sub sub menu */
      ….
      /********* sub sub menu bitti ************/

      arasında kalan kodlar yatay açılır menü için…

  3. html ve css kodlarını indiriyorum çalıştıramıyorum. alt alta menüler gözüküyor. Css dosyasını mı görmüyor. pek anlamıyorum bu konulardan. yardımcı olabilirmisiniz.

  4. Geri izleme: CSS ile Açılır Menü Yapımı | VebLebi

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir