[muzz81x]

Bir div alanı içinde arka plan rengi için giderek azalan ton nasıl yapılıyor?Örneğin mavi tonu seçtik,açık maviden koyu maviye doğru divin arka plan rengini nasıl yapabiliriz?

[mustique]

once herhangi bir resim editöründe koyacağın div alanının yüksekliği kadar açık maviden koyu maviye doğru rengi olan bir resim hazirlarsin sonra bu resmi 1 yada 2 pixel genişliğe getirirsin.bu yaptigin resmide div e arkaplan olarak koyarsın CSS'den.şu şekilde ;

background-image:url(gradient.jpg);

divin background'ununda sadece x ekseninde repeat etmesini sağlarsın. şu şekilde ;

background-repeat:repeat-x;

bu kadar

[kubilayk]

Aslına bakarsan bu işin en doğrusu mustique arkadaşımızın anlattığı gibi.

Ama hazır bilgidir bulunsun diye veriyorum. Bu aşağıdaki kodu CSS sayfasında istediğin alana eklersen bahsettiğin efekt olur ancak sadece Explorer'da çalışır ve standartlar açısından hiç tavsiye edilmez.

filter:progid:DXImageTransform.Microsoft.Gradient( startColorstr='#FF0000', endColorstr='#FFFFFF',gradientType='1');

startColorstr ile başlangıç rengini
endColorStr ile de bitiş rengini belirleyebilirsin
graidentType değerini 0, 1 yaparak da yatay ya da dikey olarak ayarlarsın.

CSS içinde kullanımı :

.baslik {
width:500px;
height:50px;
filter:progid:DXImageTransform.Microsoft.Gradient( startColorstr='#FF0000', endColorstr='#ffffff',gradientType='1');
text-align:center;
}

gibi...