Merhaba Arkadaşlar.

Yeni tasarımda kullandığım sabit background özelliği hakkında msn üzerinden birçok soru geldi.Bende CSS-Background özellikleri hakkında bilidğim kadarını paylaşmak istedim.

Beş temel CSS-Backgorund özelliği vardır.

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

Background-Color
“background-color” kodu ile zeminimizin rengini belirleriz.Renk seçmek için renk ismi,rgb,hex yada transparan metodlarını kullanırız.Örneğin;

1
2
3

.body { background-color: #ff0048; }
 
/*Zeminimize bir renk atadık*/

Background-image
“background-image” kodu sayesinde zemine bir image atayabiliriz.Bu kod iki şekilde kullanılır None yada image URL’si.Örneğin;

1
2

.body { background-image: url(images/zemin.gif) };
/*Zemine bir image atadık*/

Background-repeat
Bu kod için 4 değer vardır;

• repeat (Backgroundunuzun yatay ve dikey kaymasını sağlar.)
• repeat-x (Backgroundunuzun dikey kaymasını sağlar.)
• repeat-y (Backgroundunuzun yatay kaymasını sağlar.)
• no-repeat (Backgroundunuzun kaymamasını sağlar.)

Benim tasarımda kullandığım ise no-repeat metodudur.Yaptığım 1280×1024 boyutlarındaki backgroundu
“no-repeat” ve “background-attachment: fixed;” metodlarıyla image’in alanı kaplayarak kaymamasını sağladım.
Background-attachment
Bu kod ise zeminin alanı kaplaması yada kaymamasını sağlar.Örneğin;

1
2

.body { background: url(images/zemin.gif);
background-attachment: fixed; }

Background-position
Bu kodumuzla ise zeminimizi istediğimiz gibi oluşturabiliriz.Kodun aldığı metodlar ise length,percentage,top,center,bottom,left,right.Mesela bir tablo içerisine alt sağ köşeye küçük bir image ekleyeceğiz;

1
2

.tablo { background: url(images/zemin.gif) no-repeat;
background-position: bottom right; }

Benim sitemde tablolarda kullandığım pek farklı bir kod değil “background-image” koduyla bir resim seçip “no-repeat yada no-repeat right center” gibi kodlarla sabitledikten sonra “margin ve padding” kodlarıylada tablo içindeki yerlerini ayarlıyorum

ATiB3RK // Atiberk.Org