Categories: Personal comments:

CSS yardımıyla site arkaplan resmi sabitleme

Ö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..

View Comments

Recent Posts

Lucas Tomlinson

Lucas Tomlinson is an active and emerging journalist at FOX News. He has been working there effectively and remains highly…

9 hours ago

Jesse Kelly

Jesse Kelly is a famous American television show host of “The Jesse Kelly Show” on 950 KPRC in Houston, Texas,…

9 hours ago

Brandon Sklenar

Brandon Sklenar is an American personality and a well-established male actor famous for various films and TV shows and even…

9 hours ago

Imogen Faith Reid

The British actress Imogen Faith Reid gained prominence after playing Natalia Grace in Hulu’s Good American Family. Her dwarfism condition…

9 hours ago

Owen Cooper

British television audiences recognize Owen Cooper as one of their rising young stars in acting. The England-born Warrington resident, who…

5 days ago

Zuby Ejiofor

College basketball player Zuby Ejiofor is experiencing rapid growth in popularity because of his dedicated work ethic and his ability…

6 days ago