Arkaplanı şu sitedeki gibi nasıl yaparım ?

quote:

Orijinalden alıntı: gokhanbey

aslında o şu desendir

http://www.ozgeds.com/images/grid.png

z-index metodu ile 2 tane divi üst üste getiriyorlar arkada resim olacak şekilde bu görüntü oluşuyor.

quote:

Orijinalden alıntı: last_uk

quote: Orijinalden alıntı: gokhanbey aslında o şu desendir http://www.ozgeds.com/images/grid.png z-index metodu ile 2 tane divi üst üste getiriyorlar arkada resim olacak şekilde bu görüntü oluşuyor.

teşekkürler.

detaylı bilgi , kaynak vs. varsa ii olur.

quote:

Orijinalden alıntı: gokhanbey

quote: Orijinalden alıntı: last_uk quote: Orijinalden alıntı: gokhanbey aslında o şu desendir http://www.ozgeds.com/images/grid.png z-index metodu ile 2 tane divi üst üste getiriyorlar arkada resim olacak şekilde bu görüntü oluşuyor. teşekkürler. detaylı bilgi , kaynak vs. varsa ii olur.

Kolları sıvayıp anlatayım, önemli bir konu kaynak oluşur forumda.

Ana bir div açtık; Bu divin opaklığını düşürdük ve bir id atadık.
<div id="bg" style="opacity: 0.8;">
<img src="background.jpg">
<div class="grid"></div>
</div>
Ve bu divin içine arka plan resmimizi yerleştirdik
Resmin bitiminden sonra gerekli desen için bir div daha oluşturduk ve bu divin içi boş sadece css kısımıyla oynayacağız.
css kodu aşağıdaki şekilde olacaktır;

.grid{
background: url("grid.png") repeat scroll 0 0 transparent;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
Burda z-index ile bg divimizin üstüne çıkardık ve resmin üstünde bir konuma yerleşti. grid.png saydam bir resim olduğu için saydam kısımlardan bizim arka plan resmimiz gözükecektir.

Sayfayı boydan boya kaplaması içinde bg img nesnemizin css kodlarına şunlara yazacağız

#bg img {
height: auto;
left: 0;
min-height: 100%;
min-width: 1024px;
position: fixed;
top: 0;
width: 100%;
}

Bu kadar.