bildirgec.org

Tasarımlarınızı twitter gibi yapmak için kullanabileceğiniz örnekler gün geçtikçe çoğalıyor. Neden twitter gibi yapayım diyorsanız, aşağıdaki örneklerin üzerinde basit değişikliklerle kendinize göre uyarlayabilirsiniz.

jQuery ve Ajax ile Twitter benzeri arama

çok basit bir şekilde uygulayabileceğiniz bu örnek sizlere ajax ve jquery kullanarak nasıl twitter arama sonuçları görünümü oluşturabileceğinizi anlatmakta.

jQuery ile twitter benzeri dropdown giriş formu

Bu örnek aslında basit bir jquery toggle efekti ile yapılmış bir twitter görünümünde dropdown giriş formudur.

Çoğu çalışmalarımızda gerekli olan DropDown menü jQuery ile dahada basit hale gelmiştir. 3 adımda aşağıdaki örnekteki gibi yapabilirsiniz. İşinize yarayacağını düşünüyorum.

Adım 1 : HTML
HTML tagları ile menümüzün başlıklarını oluşturuyoruz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<ul class="topnav">
    <li><a href="#">Home</a></li>
    <li>
        <a href="#">Tutorials</a>
        <ul class="subnav">
            <li><a href="#">Sub Nav Link</a></li>
            <li><a href="#">Sub Nav Link</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Resources</a>
        <ul class="subnav">
            <li><a href="#">Sub Nav Link</a></li>
            <li><a href="#">Sub Nav Link</a></li>
        </ul>
    </li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Advertise</a></li>
    <li><a href="#">Submit</a></li>
    <li><a href="#">Contact Us</a></li>
</ul>

Sitenizde bir menüye ait alt kategorileri açılır menü(dropdown menu) şeklinde yapılandırmak estetik ve kullanılabilirlik açısından ziyaretçilerinize çok yardımcı oluyor. Bu yazımda size birbirinden güzel açılır menü örnekleriyle daha ilgi çekici menüler oluşturabilmeniz için ilham sağlayacak örnekler göstereceğim.

helmy bern

redbrickhealth

Wordpress Aşağı Açılır Menü

Javascipt ve css kullanılarak oluşturulmuş, kategorileri, arşivleri, sayfaları, linkleri bir menü içerisinde isteğimize göre gösterebileceğimiz. Eklentiyi aktif ettikten sonra admin panel de Ayarlar > Suckerfish sekmesini kullanarak yönetebileceğimiz, geliştirilmeye devam eden aşağı açılır menü eklentisi.