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.
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.
3-) navigation şablonunu açın ve en üstüne aşağıdaki kodu ekleyin.
Demo:
Takıldığınız yer olursa konu altında belirtebilirsiniz.
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; }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>
Kod:
<xen:include template="sabit_bar" />Demo:
Bağlantıyı görüntüleme izniniz yok, görüntülemek için:
Giriş yapın veya üye olun.
Takıldığınız yer olursa konu altında belirtebilirsiniz.
