Öncelikle bir çok web tasarımcı arkadaşımızın teknolojininde gerektirdiği durumlara göre kendini adepta ediyor. Bu anlatımda sitelerine kendi arkaplan resimlerini koymak isteyen, koyupta bir türlü sabitleyemeyen arkadaşlara kısa ve anlaşılır bir şekilde arka plan resmini sabitlemeden bahsetmek istiyorum.
Örnek olarak sitenizin arka plan resmi sitebg.jpg olsun.Benim kullanacağım resim çözünürlük olarak 1000px × 459px ebatlarında, siz kendinize özel bir boyut seçerek kendi arkaplan resminizi Photoshop yardımı ile hazırlaya bilirsiniz.
İlk olarak sitenin genel olarak CSS içerisinde nereden çektiğini öğrenmemiz gerek. CSS yardımı ile tasarlanmış siteler CSS içerisinde ki body etiketi yardımı ile sitenin genel yapısının nasıl olduğunu tarayıcıya aktarırlar.
Siz “body” etiketine arkaplan yani background eklemelisiniz. Nasıl ekleyeceğiniz kodu aşağıda verilmiştir.
body{
background:url(sitebg.jpg) center top fixed;
}
Yukarıda verilmiş olan CSS tanımlasında arkaplan için kullanılacak resim ve pozisyonları verilmiştir. CSS de bu tanımlamaları yaptıkdan sonra sitenizde arkaplan resminin üstte ve ortalı olarak sabit kaldığını göreceksiniz. Başarılar..
PHP Nedir? PHP sunucu tabanlı olarak çalışan Hypertext PreProcessor yazılımın kısa adıdır. ASCII düzende sizin yazacağınız PHP kodlarını çalıştıran bir…
Rüyada para görmek, bolluk, mutluluk, zenginlik ve daha fazla zenginlik anlamına gelir. Tabiristler rüyaları paranın rüyada nasıl görüldüğüne göre yorumlarlar.…
Gerçekte olabilecek ya da olmayabilecek pek çok olay rüyalarda gerçekleşir. İnsanların genellikle gördüğü rüyalardan biri kaçmaktır. Rüyada bazen hayvanlardan, bazen…
Rüyada hamile bir kadın görmek ne anlama gelir? Bu ne anlama geliyor, ne anlama geliyor? Gün boyunca farklı hayaller yaşayabiliriz.…
Rüyada tabut görmek, eğitim ve iş hayatıyla birlikte gelen önemli başarılara işarettir. Ayrıca yakın arkadaşlarıyla da arasının her zaman iyi…
Vaaz vermek (veya hutbe vermek) veya hutbe dinlemek veya hutbe okunan yerde bulunup rüyada kendini görmek, doğru karar, dinde iyilik…
View Comments
teşekkürler hocam işime yaradı
sağolun allah razı olsun sizden
süpersin Allah razı olsun,site dahada güzel gözüküyor şimdi.çok teşekkürler.
eyvallah üstad bu kod işime çok yaradı dellenmiştim :)
Elimde bir arkafon resmi var. Ancak benim sorum şu.
Arkaplan resminin sayfayı ziyaret eden kullanıcının monitör boyutuna göre fixlemesi.
19inc'lik resmim doğal olarak, 15 veya 17 inclik monitörlerde tam gözükmüyor. Belki basit bir kodu vardır ama ben bilemedim..
background-image: url(resimler/arkaplan.jpg) no-repeat fixed center center; şeklinde olmadı.
Teşekkürler Tam Zamanında Buldum Bu Kodu ;)
yıllardır aradığım buydu teşekkürler :)
background-attachment: fixed;
Bu Kod Benim İşime Daha Çok Yaradı Diğerini Uyguladım ama Çalışmadı.
Sağolun