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>
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.
