CSS ile Açılır Menü Yapımı

CSS kodlarını kullanarak açılır menü nasıl yapılır sorusunun cevabını bir örnekle anlatmaya çalışacağım. Checkbox ve radio butonlarını kullanarak 2 farklı açılır menü yapacağız. Bunlar bilinen adıyla toogle ve accordion olarak adlandırılan açılır menü stilleri. Anlatımı checkbox üzerinden yapacağım ve daha sonra radio şekline çevireceğiz. Haydi başlayalım… Öncelikle HTML kodlarımızı verelim: <section class=”acilir-menu”> <div> <input id=”c-m1″ name=”c-menu” type=”checkbox” /> <label for=”c-m1″>Menu 1</label> <article> <p>…</p> </article> </div> <div> <input id=”c-m2″ name=”c-menu” type=”checkbox” /> <label for=”c-m2″>Menu 2</label> <article> <p>…</p> </article> </div> … </section> HTML kodlarını ekledikten sonra aşağıdaki gibi bir görüntü oluşacaktır: Bu adımdan sonra artık stil dosyasını düzenlemeye başlıyoruz. Daha sonra açıklamalarını…

Devamını Oku ›
kod.gen.tr