Sabit Üst Panel ve Alt Panel Yapımı?

  • Konuyu başlatan Konuyu başlatan mstfcck
  • Başlangıç tarihi Başlangıç tarihi

mstfcck

Asistan
Katılım
18 Mart 2010
Mesajlar
174
Reaksiyon puanı
5
Puanları
0
Soru aynı başlıktaki gibi. Sitemde Twitter'daki gibi sabit üst panel. Facebook'daki gibi de alt panel yapmak istiyorum bunu nasıl yapabilirim. Nette biraz gezindim ama php'de felan yapmışlar ama ben php felan kullanmak istemiyorum. Bunu CSS ile çözemiyor muyuz veya JavaScript ile.

???
 

sdelta

Profesör
Katılım
23 Nisan 2008
Mesajlar
4,234
Reaksiyon puanı
145
Puanları
243
Css ile yapıyorsun zaten.
 

Majeste

Profesör
Katılım
7 Mart 2007
Mesajlar
1,953
Reaksiyon puanı
21
Puanları
0
CSS'nin konumlandırma özellikleri ile yapabilirsin. Javascript'e de gerek olmaz diye düşünüyorum.
 

mstfcck

Asistan
Katılım
18 Mart 2010
Mesajlar
174
Reaksiyon puanı
5
Puanları
0
Css ile yapıldığını zaten tahmin edebiliyorum. Önemli olan nasıl yapıldığı. O kadar denememe rağmen yapamadım. Css'de sabit kalmasını sağlayamadım??
 

Uso!

Doçent
Katılım
10 Ağustos 2010
Mesajlar
947
Reaksiyon puanı
27
Puanları
18
Bunun dersi vardı, İngilizcen var ise izleyip uygulayabilirsin.Basit bir uygulama aslında.
[video=youtube;SCS7SIeF30E]http://www.youtube.com/watch?v=SCS7SIeF30E[/video]
 

mstfcck

Asistan
Katılım
18 Mart 2010
Mesajlar
174
Reaksiyon puanı
5
Puanları
0
@psygnosis: Olmadıı. Hepsini denedimm..

@Uso!: Teşekkürler hocam. Bu da güzel bir uygulama ama tam olarak benim istediğim değil. Benim istediğim facebook'daki gibi. Alt panel yapmak. Sitenin içeriği değişse bile o panel sürekli aynı yerde kalacak. Bir div içine boydan boya sitenin alt kısmın olucak. Bunu yapmaya çalışıyorum? Henüz hala yapmadım.
 

Uso!

Doçent
Katılım
10 Ağustos 2010
Mesajlar
947
Reaksiyon puanı
27
Puanları
18
CSS'de iki basit özellik ile bunu yapabilirsin.
Alta sabit için;
Kod:
position:fixed; bottom:0;
, üste sabit için
Kod:
position:fixed; top:0;
 

mstfcck

Asistan
Katılım
18 Mart 2010
Mesajlar
174
Reaksiyon puanı
5
Puanları
0
Teşekkürler hocam bu işe yaradı. Ben margin-bottom: 0; şeklinde yapıyordum bu yüzden olmuyormuş.
 
Üst