Css İle Arkaplan Sabitleme
Htmlde <body background=”link.jpg”> etiketleri sayesinde web sayfamızda arkaplana resim koyuyorduk.Ancak htmlde koyduğumuz arkaplan resmi sürekli tekrarlanır.Yani koydugunuz bir x.resmi,sayfa boyunca sürekli enine ve boyuna tekrar tekrar görünür.Bu şekilde arkaplan resmini tekrarlattırmadan sitenin arkaplanın da sadece tek bir resim göstermek Css ile mümkün.Arkaplanımızı sabitlemek için, öncelikle bir css dosyası oluşturmamız gerek. En kısa Not defterini kullanarak bir css dosyası oluşturabiliriz. Not defterini açıyoruz ve
body{
background: url(http://siteadresi.com/arkaplanresmi.jpg) fixed;
}
yazıyoruz.
Burada ki fixed komutu,arkaplan sabitlemeye yarar. Daha sonra not defterinde Farklı kaydet seçeneğiyle kaydediyoruz.Kaydederken dosyamızın adını yazdıktan sonra sonuna uzantı olarak .css ekliyoruz.[Örnegin; stil.css] Stil.css dosyamızda arkaplan resmini http://siteadresi.com/arkaplanresmi.jpg olarak belirledik.
Css dosyamızı hostumuza upload ediyoruz. Şimdi Css dosyamızı html sayfamızdan çağıralım.
Html sayfamıza aşağıdaki kodu ekleyerek css dosyamızı çağırdık.
<link href="http://siteadresi.com/stil.css" rel="stylesheet" type="text/css" />
Yukarıda Css dosyamızı ne olarak kaydettiysek yukarıda da o şekilde çağırıyoruz.Ve arkaplan resmimiz web sayfamızda sabit
duruyor.
Yukarıda anlattığım gibi Css dosyasını harici oluşturmak yerine html sayfamızın içinde oluşturmak için sayfamızın içine aşağıdaki kodları yazıyoruz.Ve direk css dosyamızı çağırmadan html dosyasının içerisinde css kullanıyoruz.
<style type="text/css">
body{
background:url(http://siteadresi.com/arkaplanresmi.jpg) fixed;
}
</style>
Arkaplan sabitleme örneği için tıklayın.
Bu Konuya (1) Yorum Yapılmış
merhaba
style kapatmayınca bozulıyor unuttunuz sanırım.
kapatınca oluyor normalde bozuyor sıteyı fena.
tskler