Kırmızıgül ilahi fm ilahi fm dinle
Merhaba değerli arkadaşlar, bugün sizlere tasarım dili olan CSS ile nasıl arka planlar yaparız onları örneklerle anlatacağım.İlk önce yapmamız gereken, web tasarım yaparken arka planımızı neye göre ve hangi kriterlerde yapacak olmamızdır.Örneğin; web sitemizin ana renginin lacivert olduğunu varsayarsak, arka planımızı, menüleri,link geçişleri gibi renk atacağımız yerlerin uyumlu olması gerekemktedir.İşte bu yüzden kullanacağımız renkleri veya resimleri ilk başta belirlemek her zaman bir yararımıza olacaktır.
Arka planımızı yapmaya başlıyalım:
body {
background-image: url(resimler/arkaplan.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
}
Bu kullandığımız kod sitemizi < body > seçicisine yukarıda belirttiğimiz özelliklerikazandırır. Gelin biraz da özelliklerden bahsedelim.
background-image:
Örnekte gördüğünüz gibi arkaplan resmi olarak “resimler” klasöründeki “arkaplan.jpg” resmini seçtiğimizi bu özellikle belirtiyoruz.
background-repeat:
Bu özellik ile arkaplan resmimizin tekrar edip etmeyeceğini, eğer edecekse x’mi yoksa y ekseninde mi edeceğini belirtiriz. Alabileceği değerler:
- repeat – Hem yan olarak hem de alta doğru tekrar et
- repeat-x – yana doğru tekrar et
- repeat-y – aşağı doğru tekrar et
- no-repeat – tekrar etme
background-attachment:
Arkaplan sayfa ile birlikte kaysın mı yoksa sabit mi kalsın ayarını bu seçenek ile yaparız. Bunun değerleri:
- scroll – sayfa ile kayar
- fixed – sabittir
background-color:
Arkaplan resminin altında kalan alanın rengini, yani arkaplanın rengini belirlediğimiz özelliktir.
background-position:
Arkaplan deseninin başlayacağı yeri belirtir. Alabileceği değerler:
- top left – üst sol
- top center – üst orta
- top right – üst sağ
- center left – orta sol
- center center – ekranın ortası (hem üstten hem yandan)
- center right – orta sağ
- bottom left – alt sol
- bottom center – alt orta
- bottom right – alt sağ
- x-% y-% – yüzde olarak sağ/sol ve üst/alt
- x-pos y-pos – x,y koordinatlarına göre
