Herkes aramıştır bunu, tamam site çubukla beraber kayıyor ama hepsi görünmüyor ki, tamam benim çözünürlükte görünüyor ama herkesin çözünürlüğü benimle aynı değil. Çözümümüz çok basit birazcık CSS3 koduyla bu işi halledebiliriz. Hemen sitemizin arkaplan resim kodunu buluyoruz muhtemelen şöyle birşey ile başlıyor 🙂

body {
  background:url(http://2.bp.blogspot.com/-iUlA7cbkSGI/Tj8TJc7K8PI/AAAAAAAABXE/ecvCx31RkFs/s1600/body-bg.jpg)

Bu kodun altında margin font vs. gibi kodlar vardır, onları boşverin şimdi aşağıda vereceğim kodu yukarıdaki koddan sonra yerleştirin, keyfinize bakın 🙂

-webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

Ben sadece kopyalayacağınız yeri yazdım buraya, siz tamamını istiyorsanız, aşağıdaki kodu kullanın, RESİM URL ADRESİ yazan kısım kendi arkaplan resminizin urlsidir.

body {
        background: url(RESİM URL ADRESİ) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Örnek olarak benim kartvizit sitemi ziyaret edebilirsiniz, furkanozden.net

Takıldığınız bir yer olursa her zamanki gibi yazının altına yorum bırakıyoruz, yazının altına yorum bırakmak için illa ki bir yerde takılmanıza gerek yok 🙂

Paylaş