Toggle navigation
Ana Sayfa
Yardım
Giriş Yap
Kayıt Ol
Giriş Yap
Kayıt Ol
×
Close
Giriş Yap
Remember me
Dersler
Webmaster
CSS
Konu:
CSS ile Arkaplan Resmi Nasıl Yapılır?
« önceki
sonraki »
+
Yazdır
Sayfa: [
1
]
Aşağı git
CSS ile Arkaplan Resmi Nasıl Yapılır?
0 Yanıt
2520 Gösterim
0 Üye ve 1 Ziyaretçi konuyu incelemekte.
D®agon
Ezberletmez Öğretir
Join Date: Mar 2008
Yer: Ankara
11650
+524/-0
Cinsiyet:
CSS ile Arkaplan Resmi Nasıl Yapılır?
«
:
19 Ocak 2015, 13:27:37 »
Bazen sitelerimizin öğelerinin arkaplanına desen vermek isteriz. “Table”‘lara bunu yapmak kolaydı. WYSIWYG düzenleyicileri kolaylıkla bunu yapmamızı sağlıyorlardı. Peki ya sitemizin tamamına desen vermek istersek ne yapacağız? Css ile çok basit bir kod kullanarak bunun üstesinden gelebiliriz.
Örnek kod aşağıdaki gibidir
[code]body {
background-image: url(resimler/arkaplan.jpg);
background-repeat: repeat;
background-attachment: scroll;
background-color: white;
background-position: top-left;
}[/code]
Bu kullandığımız kod sitemizi < body > seçicisine yukarıda belirttiğimiz özellikleri kazandırır. Gelin biraz da özelliklerden bahsedelim.
[b]background-image:[/b]
Örnekte gördüğünüz gibi arkaplan resmi olarak “resimler” klasöründeki “arkaplan.jpg” resmini seçtiğimizi bu özellikle belirtiyoruz.
[b]background-repeat:[/b]
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
[b]background-attachment:[/b]
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
[b]background-color:[/b]
Arkaplan resminin altında kalan alanın rengini, yani arkaplanın rengini belirlediğimiz özelliktir.
[b]background-position:[/b]
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
Kayıtlı
+
Yazdır
Sayfa: [
1
]
Yukarı git
« önceki
sonraki »
Dersler
Webmaster
CSS
Konu:
CSS ile Arkaplan Resmi Nasıl Yapılır?
Yukarı git
Aşağı git