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

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Arkaplanı şu sitedeki gibi nasıl yaparım ?

Bu konudaki kullanıcılar: 1 misafir

5
Cevap 403
Tıklama 0
Öne Çıkarma

1. sayfa

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

Cevap Yaz

last_uk

13 yıl

Yüzbaşı

Konu Sahibi

http://www.ozgeds.com/bebek_album_1.html

(Kare kare görünüyor)

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

Relative Minors

13 yıl

Binbaşı

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.

Bu mesaja 1 cevap geldi.

last_uk

13 yıl

Yüzbaşı

Konu Sahibi

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.

Bu mesaja 1 cevap geldi.

Relative Minors

13 yıl

Binbaşı

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.

< Resime gitmek için tıklayın >

< Resime gitmek için tıklayın >

< Bu mesaj bu kişi tarafından değiştirildi Relative Minors -- 14 Aralık 2012; 19:40:06 >
Bu mesaja 1 cevap geldi.

last_uk

13 yıl

Yüzbaşı

Konu Sahibi

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.

< Resime gitmek için tıklayın >

< Resime gitmek için tıklayın >

adamsın adam.

çok teşekkürler.

Bu mesaja 1 cevap geldi.

Relative Minors

13 yıl

Binbaşı

rica ederim

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Arkaplanı şu sitedeki gibi nasıl yaparım ?