Her Zaman Üstte Kalan Header Verebilecek?

WinDPzero

Doçent
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 :D

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

enable

Profesör
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. ;)
 

alhngzl

Üyecik
ş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>
 

gurcu87

Üyecik
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 ?
 

idoguk2n

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

position: -webkit-sticky {} imiş.
 
Son düzenleme:
Üst