Webarazzi
<?php print("Webarazzi"?>
Kullanıcı
-
Üyelik
05.03.2016
-
Yaş/Cinsiyet
36 / E
-
Meslek
Birtekno'loji Sahibi
-
Konum
Çorum
-
Ad Soyad
M** B**
-
Mesajlar
1079
-
Beğeniler
31 / 187
-
Ticaret
5, (%100)
Merhaba değerli webmaster dostlarım bugün ortalama birçok kod ile uğraştım ekleme silme vs vs derken en çok merak ettiklerimden birisi olan aşağı doğru indiğimde sitemde kayan menü mümkünmüdür die düşünürken birkaç makaleye rastlatım ve içinden birisini seçerek forum sitemde yayımladım ve buradada sizlerle paylaşmak istedim bilmiyorum bu tür bir konu forumda varmı ama işinize yarayacağını düşündüm ve paylaşmak istedim umarım işinize yarar neyse lafı uzatmadan başlayalım.
Öncelikle bu kodu tagından sonra ekleyiniz.
<script></script>
Daha sonra aşağıdaki kodu HTML tema wordpress yada script her neye kullanmak istiyorsanız oranın header yada indexine ekleyiniz.
Bu işlemi yaptıktan sonra aşağıdaki CSS kodlarını dediğim gibi HTML wordpress script ne için kullanıcaksanız CSS uzantısına ekleyin.
.nav-container{ background: url('images/nav_bg.jpg') repeat-x 0 0;}
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */
.nav { height: 42px;}
.nav ul { list-style: none; }
.nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
.nav ul li:first-child{ padding-left: 0;}
.nav ul li a { }
.nav ul li a:hover{ text-decoration: underline;}
Ve son işlem olarak sistemin Javascriptini yine aynı şekilde tagından sonra ekleme yapıyorsunuz.
jQuery("document").ready(function($){
var nav = $('.nav-container');
$(window).scroll(function () {
if ($(this).scrollTop() > 136) {
nav.addClass("f-nav");
} else {
nav.removeClass("f-nav");
}
});
});
Ve aşağıdaki NAV gifini kullanmak isterseniz buradan alabilirsiniz umuyorum işinize yarar bir paylaşım olmuştur.
Herkeze kolaylıklar dilerim.
Kaynak konu:
WMForumlari.NET
Cazipo.com- 2. el ve sıfır ürünlerde en iyi fiyatlarla burada! Güvenle al, kolayca sat!
-
Üyelik
25.01.2012
-
Yaş/Cinsiyet
37 / E
-
Meslek
Webmaster
-
Konum
Ankara
-
Ad Soyad
M** K**
-
Mesajlar
398
-
Beğeniler
144 / 50
-
Ticaret
14, (%100)
position:fixed;
width:100%;
z-index:1;
top: 0;
böyle daha kolay gibi geldi bana. jquery kullanmaya gerek var mı?
Webarazzi
<?php print("Webarazzi"?>
Kullanıcı
-
Üyelik
05.03.2016
-
Yaş/Cinsiyet
36 / E
-
Meslek
Birtekno'loji Sahibi
-
Konum
Çorum
-
Ad Soyad
M** B**
-
Mesajlar
1079
-
Beğeniler
31 / 187
-
Ticaret
5, (%100)
ahmettalut &
ismail03 konu yanlış yerde olabilir vs'de burda faydalanın diye birşey paylaşıyoruz siz gereksiz yorum atıyorsunuz biraz saygı.
Cazipo.com- 2. el ve sıfır ürünlerde en iyi fiyatlarla burada! Güvenle al, kolayca sat!
Webarazzi
<?php print("Webarazzi"?>
Kullanıcı
-
Üyelik
05.03.2016
-
Yaş/Cinsiyet
36 / E
-
Meslek
Birtekno'loji Sahibi
-
Konum
Çorum
-
Ad Soyad
M** B**
-
Mesajlar
1079
-
Beğeniler
31 / 187
-
Ticaret
5, (%100)
ismail03 Ben teşekkür ederim modaratör arklar doğru yere alırlar yanlış yerde görünürse zaten.
Cazipo.com- 2. el ve sıfır ürünlerde en iyi fiyatlarla burada! Güvenle al, kolayca sat!