tüm çözünürlüklere göre şekillenebilecek arkaplan

07-04-2013, 18:44:45

Merhabalar.
Dreamweavera bir arkaplan resmi ekliyorum 1024x768 boyutlarında ve benim ekran çözünürlüğümde 1024 768
dolayısıyla bende tam sayfayı dolduruyor. ancak farklı çözünürlükleri kullananlarda dolayısıyla tam dolmuyor ekran, bunun için kullanılan çözünürlüğe göre kendisini nasıl ayarlayabilir background resmi ?
teşekkürler.

07-04-2013, 18:47:05

#2

Xlarg3

en stabili düz bi arkaplan resi kullanman olucaktır. ama bgyi tablo içine gömüp pixel değilde % olarak boyutlandırmayı deniyebilirsin.

07-04-2013, 18:57:27

#3

~~cosbilisimtr~~

Üyeliği durduruldu

kısa olarak

width: 100%
height: 100%

yaparsanız çözünürlüğe göre otomatik boyutlanır.

07-04-2013, 18:57:59

#4

emrefba

örnek kod yollayabilirseniz çok ama çok sevinirim mesela

yani mesela ben
1900x1200 bir fotoğrafı kullanmak istiyorum ve dreamweaver'dan ekledim ve sayfanın tüm kodu şu ve ben nerededeğişiklik yapmalıyım ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	background-image: url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/4.jpg);
}
</style>
</head>

<body>
</body>
</html>

07-04-2013, 19:26:28

#5

~~cosbilisimtr~~

Üyeliği durduruldu

Merhaba aşağıdaki gibi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
body { 
    background-image: url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/4.jpg);
    width: 100%;
    height: 100%;
} 
</style> 
</head> 
<body>

</body> 
</html>

07-04-2013, 19:34:30

#6

emrefba

cosbilisimtr adlı üyeden alıntı: mesajı görüntüle

Merhaba aşağıdaki gibi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
body { 
    background-image: url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/4.jpg);
    width: 100%;
    height: 100%;
} 
</style> 
</head> 
<body>

</body> 
</html>

1024x768 çözünürlük kullanıyorum ve fotoğraf 1900x1200 çözünürlükte
dediğinizi yaptım ancak bende fotoğrafın alt kısmı çıkmadı.
Daha ufak bir çözünürlükte fotoğraf kullandığımda da bu sefer o çözünürlükten büyük çözünürlükte bilgisayarını kullanan biri backgroundda boşluk görmeyecek mi bu sefer ?

14-06-2013, 17:29:29

#7

k2an

arkadaşın yazdığı en son soruya cevabı olan varmı?
Aynı sorun bende de mevcut aşamıyorum bir türlü.

14-06-2013, 17:34:28

#8

okngny

Kimlik doğrulama veya yönetimden onay bekliyor.

k2an adlı üyeden alıntı: mesajı görüntüle

arkadaşın yazdığı en son soruya cevabı olan varmı?
Aynı sorun bende de mevcut aşamıyorum bir türlü.

background: url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/4.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

Bakınız; örnekler ile çalışma yapabilirsiniz.

15-06-2013, 11:23:27

#9

paft

background-size: 100% 100%

yazman yeterli.