XF 1.X Modifikasyon Navigasyon Menüsünü Sabitleştirin

XFdestek

Kurucu Üye

İtibar:

Adsız.png

Sitemizde olduğu gibi üst menüyü sabitleştirmek isteyenler bunu uygulayabilirler,
Verdiğim kodlar default
Lütfen içeriği görebilmek için Giriş yap veya üye ol.
temasına göredir,küçük çaplı değişikliklerle diğer temalarada kolaylıkla uygulayabilirsiniz.

Öncelikle Panelden Görünüm->Temanız->Şablonlar bölümüne gelin.
Yeni şablon oluşturun;
adı: floating_navbar
içeriği

PHP:
<script type="text/javascript">
$(function() {
    $(window).scroll(function(){
        if($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) {
            $('#header').css({'position':'fixed','background-color':'transparent','top':'-{xen:calc '@headerLogoHeight + @headerTabHeight - 25'}px','z-index':'60'});
            /*$('.navTabs .navTab.selected .tabLinks').css({'visibility':'hidden'});*/
            $('.navTabs .navLink .itemCount').css({'top':'1px'});
            } else {
            $('#header').css({'position':'absolute','background-color':'#176093','top':'0px','z-index':'0'});
            $('.navTabs .navTab.selected .tabLinks').css({'visibility':'visible'});
            $('.navTabs .navLink .itemCount').css({'top':'-12px'});
        }
    });
  
});
</script>
Alttaki koduda navigation şablonunun en üstüne ekleyin.
PHP:
<xen:include template="floating_navbar" />

İşlem bu kadar.
Menüyü yukarı taşımak için
@headerLogoHeight + @headerTabHeight - 25 değeriyle oynayarak yukarı sürükleyebilirsiniz.
 
Üst