Forumda Sabit Kayan Navbar

YoRuMSuZ

Biz işimize bakalım...
Eğer farklılık seviyorsanız forumda sabir navbar uygulaması hem görsel hem de kullanışlılık açısından hoşunuza gidecektir.

Bu uygulama ile forumun en altında olsanız da navbar ve linkleri her an elinizin altında olacaktır. Uygulama tüm tarayıcılarda sorunsuz çalışmakta...

Bunun için...

1-) EXTRA.css şablonunu açıp aşağıdaki kodları ekleyin.
Kod:
.sabitbar {
    position: fixed;
    top: 0;
    z-index: 1000;
    right: 0;
    left: 0; }
Not: Eğer forumda sabit genişlik kullanmıyorsanız right ve left kodlarını kaldırıp "width: 100%" css kodunu kullanabilirsiniz...

2-)
sabit_bar adlı bir şablon oluşturun ve içerisine aşağıdaki kodları ekleyin.
Kod:
<script>
    jQuery(document).ready(function ($){
        $(window).bind('scroll', function() {
        var navHeight = ( $(window).scrollTop() );
            if (navHeight > 100) {
                $('#navigation').addClass('sabitbar');
            }
            else {
                $('#navigation').removeClass('sabitbar');
            }
        });
    });
</script>
3-) navigation şablonunu açın ve en üstüne aşağıdaki kodu ekleyin.
Kod:
<xen:include template="sabit_bar" />

Demo:

Takıldığınız yer olursa konu altında belirtebilirsiniz.
 
Top