Header Sabitleme

[Capital]

Sa. değerli hocalarım
Benim çok istediğim fakat internettede kendi denemelerimlede bulamadığım bir konu var. Örneğin facebookta üst kısım aşağıya inince sabit kalıyor. aynı şekilde benimde sitelerimde menü üst tarafta yani headerda headeri sabitleyebilirmiyiz?

 

[wMasterNew]

Cvp: Header Sabitleme

bu konu CSS ile alakalı bir durum istediğiniz bir alanı "position:" kelimesi ile nitelendirebilirsiniz. ancak CSS konusunda biraz zayıfım position tagı ile ilgili detaylı bir araştırma yapsanız bence tam olarak istediğinizi bulabilirsiniz.

 

[Capital]

Cvp: Header Sabitleme

hocam teşekkürler çözünce burada paylaşacağım bilen varsa yine yardımcı olursa sevinirim

 

[bera_ramazan]

Cvp: Header Sabitleme

http://presta.gozdesm.com/demo16/ buradaki gibi istiyorsan

sabit kalsın istediğin yerin css sine
positon:fixed;

eklemen gerekir.

 

[Capital]

Cvp: Header Sabitleme

aynen öyle hocam bu arada cevizyapragı kapandımı?

 

[bera_ramazan]

Cvp: Header Sabitleme

ewt okul dan dolayı kapattım

 

[Capital]

Cvp: Header Sabitleme

ellerinize sağlık çok faydalı oldunuz bana prestashop konusunda hakkınızı helal edin.

 

[bera_ramazan]

Cvp: Header Sabitleme

est. helal olsun

 

[Capital]

Cvp: Header Sabitleme

hocam teşekkürler tam istediğim gibi oldu ancak bi sıkıntım var bi bakmanız mümkünmüdür? headerdan sonraki sayfalar headerın altına giriyor.

 

[bera_ramazan]

Cvp: Header Sabitleme

örneğin

<div class="header_bolumu">....</div>

burada yer alan "header_bolumu" adlı div i sabitlemek için css kodu şu

/* Sabit Olan Kısım */
.header_bulumu {
position:fixed;
top:0;
}

 

[Capital]

Cvp: Header Sabitleme

hocam bi siteye bakarmısınız anlattığınız gibi yaptım yani şöyle yaptım

/* ------- Header ------- */
#header { background:url("../img/bg_header.png") repeat-x scroll 0 top #C9C4AE; z-index:2; position:fixed;; width:100%; }

şu anda global.css bu şekilde ancak sayfalar headerın arkasına giriyor.

 

[bera_ramazan]

Cvp: Header Sabitleme

css koduna birde yükseklik vermen gerekecek

yani atıyorum
height:150px; gibi

 

[Capital]

Cvp: Header Sabitleme

hocam ellerine sağlık çok güzel oldu sayende bişey daha diycem ben yapmaya çalışıyorum ama bu seferde footer ürünlerin içine girdi

 

[bera_ramazan]

Cvp: Header Sabitleme

siteni yazssana bakalım

 

[Capital]

Cvp: Header Sabitleme

--

 

[bera_ramazan]

Cvp: Header Sabitleme

footer için
margin-top:20px; gibi bir kod kullana bilirsin

 

[Capital]

Cvp: Header Sabitleme

hocam ellerine sağlık margin-top:140px; kullandım. isterseniz temayı sizede verebilirim hocam muratduran@msn.com

 

[bera_ramazan]

Cvp: Header Sabitleme

teşekkür ederim. Karşılık için yardım etmedim

 

[Capital]

Cvp: Header Sabitleme

Allah razı olsun.