Her Zaman Üstte Kalan Header Verebilecek?

[WinDPzero]

Herkese Merhaba,

Bir internet sitesi tasarlıyorum. Hani bazı sitelerde (Örn. FaceBook) üstteki navbar her zaman aşağı insek bile görünür ya, ben de kendi siteme öyle bir şey yapmak istiyorum ama nasıl bir HTML kodu gerektiğini bilmiyorum. Yardım edebilecek olan var mı?

HTML ya da PHP olması gerek.
Ben kendim düzenlerim, siz yeter ki nasıl yapıldığını söyleyin.

Ne kadar çabuk cevap gelirse o kadar iyi

İyi Günler, İyi Forumlar
WinDPzero - Wind Apps

 

[enable]

Onu yapa bilmek için html elementini css ile sabitlemen gerekir. Örn: .sabitmenu adında bir divin var, bu divin css ine. Position: fixed; vermelisinki aşağı kaydırdığında üstte kalsın. Ayrıca aşağı inerken alt neneleeinin üzerinde kalması için bide z-indez verirsin. Güzel olur.

Hadi bakalım kolay gelsin.

 

[WinDPzero]

Saol da, ben pek anlamadım. Yardımcı olur musunuz?

 

[WinDPzero]

:=: GÜNCEL :=:

Cevap verebilecek yok mu?

 

[alhngzl]

şu şekilde tasarla...Kırmızı yazıyı html içine kopyala

<style type="text/css">
.navbar{
width: 100%;
position: fixed;
background-color:red
}
</style>


<div class="navbar">
BURASI SABIT NAVBAR
</div>

 

[WinDPzero]

şu şekilde tasarla...Kırmızı yazıyı html içine kopyala

<style type="text/css">
.navbar{
width: 100%;
position: fixed;
background-color:red
}
</style>


<div class="navbar">
BURASI SABIT NAVBAR
</div>

Çok saol dostum işime yaradı

 

[alhngzl]

rica ederim..

 

[gurcu87]

Bilgi icin tesekkürler, Bu sabit headerin yerinde degisiklik yapmak icin sadece "width: 100%;" bölümünde oynama yapmamiz yeterli mi? yoksa ekstra kod mu war ?

 

[alhngzl]

"margin-top: 72px;" veya "margin-top: 5%;" bu ikisi de olur, birini seç dene...kolaygelsin..

 

[idoguk2n]

position: fixed; yerinde sabit kalmasını için.
Sürekli yukarıda olması gereken kod lazım bana

position: -webkit-sticky {} imiş.