lostyazilim
tr.link

Arkadaşlar Sabit Üst Meni Hakkında Yardım

23 Mesajlar 2.123 Okunma
acebozum
tr.link

batuhanbarut batuhanbarut Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek ayakkabi ustasi
  • Konum Çorum
  • Ad Soyad B** B**
  • Mesajlar 42
  • Beğeniler 1 / 2
  • Ticaret 0, (%0)

XGames adlı üyeden alıntı

Site adresi alırsam yardımcı olabilirim.



Corumobjektif.com Yanlız Öğeyi Denetleden Yaptım Hocam Dediğim gibi.
 

 

elektronikssl
webimgo

Shrikeen Shrikeen Frontend Developer Kullanıcı
  • Üyelik 24.06.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad F** Ş**
  • Mesajlar 2933
  • Beğeniler 745 / 744
  • Ticaret 60, (%100)



Böyle olmayacak mı hocam ?

Ya da en basitinden şuradakini uygulayabilirsiniz. Bu şekilde yaparsanız daha iyi olur çünkü sizin menü header'ın altında kalıyor.

http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/
 

 

batuhanbarut batuhanbarut Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek ayakkabi ustasi
  • Konum Çorum
  • Ad Soyad B** B**
  • Mesajlar 42
  • Beğeniler 1 / 2
  • Ticaret 0, (%0)

XGames adlı üyeden alıntı



Böyle olmayacak mı hocam ?

Ya da en basitinden şuradakini uygulayabilirsiniz. Bu şekilde yaparsanız daha iyi olur çünkü sizin menü header'ın altında kalıyor.

http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/

O Menü Aşağı İndikçe üst kısımda aşağı inicek hocam yokarı çıkınca aynı şekilde yerinde kalıcak
Vermiş olduğunuz adres çok uğraştırıcı geldi ama bu şekilde oluyorsa bunu ben yapamıycağım aşikar : )
 

 

Shrikeen Shrikeen Frontend Developer Kullanıcı
  • Üyelik 24.06.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad F** Ş**
  • Mesajlar 2933
  • Beğeniler 745 / 744
  • Ticaret 60, (%100)

batuhanbarut adlı üyeden alıntı

O Menü Aşağı İndikçe üst kısımda aşağı inicek hocam yokarı çıkınca aynı şekilde yerinde kalıcak


Menü aşağı inince üst kısım nasıl aşağı inecek biraz detaylı anlatırsanız çok iyi olur hocam.
 

 

wmaraci
wmaraci

batuhanbarut batuhanbarut Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek ayakkabi ustasi
  • Konum Çorum
  • Ad Soyad B** B**
  • Mesajlar 42
  • Beğeniler 1 / 2
  • Ticaret 0, (%0)

XGames adlı üyeden alıntı

Menü aşağı inince üst kısım nasıl aşağı inecek biraz detaylı anlatırsanız çok iyi olur hocam.

Hocam menünün şuanki durduğu yeri görüyorsunuz dimi aşağı inerken o menü en üste kalıcak ve yokarı çıktığımızda aynı şekilde yerine oturacak.
 

 

Shrikeen Shrikeen Frontend Developer Kullanıcı
  • Üyelik 24.06.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad F** Ş**
  • Mesajlar 2933
  • Beğeniler 745 / 744
  • Ticaret 60, (%100)

batuhanbarut adlı üyeden alıntı

Hocam menünün şuanki durduğu yeri görüyorsunuz dimi aşağı inerken o menü en üste kalıcak ve yokarı çıktığımızda aynı şekilde yerine oturacak.


Tamam o zaman buradaki sizin işinizi görür.

Demo:
http://www.sutanaryan.com/Tutorials/fixed-menu-when-scrolling-page-with-CSS-and-jQuery/

Burada da kodlar mevcut:
http://www.sutanaryan.com/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/
 

 

batuhanbarut batuhanbarut Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek ayakkabi ustasi
  • Konum Çorum
  • Ad Soyad B** B**
  • Mesajlar 42
  • Beğeniler 1 / 2
  • Ticaret 0, (%0)


Bunu bu temaya nasıl uyarlıycaz hocam bu konuyu daha öncede görmüştüm.
 

 

Shrikeen Shrikeen Frontend Developer Kullanıcı
  • Üyelik 24.06.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad F** Ş**
  • Mesajlar 2933
  • Beğeniler 745 / 744
  • Ticaret 60, (%100)
<script>
/*
* Author: Ryan Sutana
* Author URI: http://www.sutanaryan.com/
* Description: This snippet add more site functionality.
*/

var _rys = jQuery.noConflict();
_rys("document").ready(function(){

_rys(window).scroll(function () {
if (_rys(this).scrollTop() > 90) {
_rys('#menu').addClass("f-nav");
} else {
_rys('#menu').removeClass("f-nav");
}
});

});
</script>


Bu kodları tagları içerisine ekleyin.

Bunu da css dosyanızın en altına ekleyin.

.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */

Bu şekilde bir deneyin fakat çalışmayabilir. Yaptığınızda bildirin bir deneyelim.
 

 

batuhanbarut batuhanbarut Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 06.11.2013
  • Yaş/Cinsiyet 36 / E
  • Meslek ayakkabi ustasi
  • Konum Çorum
  • Ad Soyad B** B**
  • Mesajlar 42
  • Beğeniler 1 / 2
  • Ticaret 0, (%0)

XGames adlı üyeden alıntı

Bu kodları tagları içerisine ekleyin.

Bunu da css dosyanızın en altına ekleyin.



Bu şekilde bir deneyin fakat çalışmayabilir. Yaptığınızda bildirin bir deneyelim.

Malesef hocam çalışmadı
 

 

Shrikeen Shrikeen Frontend Developer Kullanıcı
  • Üyelik 24.06.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Front End Developer
  • Konum İstanbul Avrupa
  • Ad Soyad F** Ş**
  • Mesajlar 2933
  • Beğeniler 745 / 744
  • Ticaret 60, (%100)

batuhanbarut adlı üyeden alıntı

Malesef hocam çalışmadı


CSS'ye kodu eklediniz mi ?
 

 

wmaraci
wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al