html ile arka planı sayfaya sığdırma nasıl yapılır ?

atibin' Alıntı:

hataman arkadaş klasik hatayı yaparak kendine webmaster demekte ancak
sorunun cevabını bilmediği gibi malesef birde merak eden arkadaşımızı yanlış yönlendirmektedir.

Resimi sayfaya ortalamak tamda CSS ile mümkün olabildiği gibi diğer rötuşları ( büyük çözünürlüklere göre ) renk kodu veya resim editörleri ile yapmak gayet mümkündür.

Bilmiyorsak yazmayalım.
Bilmeden biliyormuş gibi yapmayalım.

Genişletmek için tıkla ...

atibin' Alıntı:

hataman arkadaş klasik hatayı yaparak kendine webmaster demekte ancak
sorunun cevabını bilmediği gibi malesef birde merak eden arkadaşımızı yanlış yönlendirmektedir.

Resimi sayfaya ortalamak tamda CSS ile mümkün olabildiği gibi diğer rötuşları ( büyük çözünürlüklere göre ) renk kodu veya resim editörleri ile yapmak gayet mümkündür.

Bilmiyorsak yazmayalım.
Bilmeden biliyormuş gibi yapmayalım.

Genişletmek için tıkla ...

hsamet' Alıntı:

Şahsen ben 5 seneden beri web tasarımı yapmaya çalışıyorum kendi çapımda. Ama bu dediklerinizden hiç birşey anlamadım. Css ile rötuş yapmak ne demek. Benim bildiğim Css ile BG resminde birtek x,y pozisyonları ve tekrarlanma ayarları yapılabilir. Asıl bence siz bilmiyorsanız yazmayın.

Genişletmek için tıkla ...

hataman' Alıntı:

Sanırım arkadaşın sorduğu soruyu üstünkörü okudunuz anlamadınız ve bu şekilde cahilce bir tepki verdiniz. Soruda bg resmini farklı çözünürlüklerde farklı boyutlara getirme isteniyor, siz bildiğinize göre bunun css ile nasıl yapıldığını bize yazarsınızda bizde öğreniriz. Css ile resmi sayfaya ortalamayı bilmediğimi düşünüyorsanız, forumumuzda biraz daha gezinip yazıları okuyun sonra yazın derim.

Mesajları iyi okuyun bir daha bu hataya düşmeyin.

Genişletmek için tıkla ...

atibin' Alıntı:

Yapamadığınız bir şey olursa özelden mesaj atıp yardım isteyebilirsiniz. Ama kişisel sataşmalar biraz fazla olmaya başladı aman dikkat derim.





Kendi çapınızı bilmeniz gayet olumlu bir tavır.
Sizin bildiğiniz kadarı ile kısıtlı olarak sadece x ve y de tekrarlama yaparsınız...

" diğer rötuşlar " ifadesinde css den sonraki başka işlemler anlamı var...

Css ile rötüş yapmak diye bir şey mi yazmışım iyi okuyun bence...



Bu konuya tekrar göza atmam !!! ARI ÜYE olmadan bana mesaj atabilen hataman arkadaş vasıtasıyla oldu ki iyi de olmuş. !!!
Sitede moderatörlerin arkadaşları saygı sınırlarını zorlamaya başlamış görülen...

Bu işe daha yeni başlamış hataman arkadaşımız da beni " cahillik " le itham edip forumu okumanı tavsiyelemiş.
Siz arkeleoji okurken veya kumaş iplik satışı ile ilgilenirken,
ben bu konularda iş üretip, para kazanıp, özel + dersanede öğrencilerimle meşguldüm...
11-12 Senedir İnternet teknolojileri daha önceki 8-9 Sene içinde reklam sektöründe grafik tasarım yaparak hayatını kazanan biriyim.

Bence cahil kelimesini bu kadar hoyratça ve kime kullandığınızı bilmeden kullanmayın.

Ordan buradan js kodları alıp ne işe yaradığını öğrenip o işlevlere uygun siteler değil, gerekli olan tasarıma tam da bu konudaki gibi işlere bahsi geçen kodları kendim yazıyorum.

Bu durumda her iki sevgili arkadaş; çaptan ve cahillikten söz etmeden önce sizi saygılı olmaya davet etmekten başka bir şey yapamayacağım...

Genişletmek için tıkla ...

hataman arkadaş klasik hatayı yaparak kendine webmaster demekte ancak
sorunun cevabını bilmediği gibi malesef birde merak eden arkadaşımızı yanlış yönlendirmektedir.

Resimi sayfaya ortalamak tamda CSS ile mümkün olabildiği gibi diğer rötuşları ( büyük çözünürlüklere göre ) renk kodu veya resim editörleri ile yapmak gayet mümkündür.

Bilmiyorsak yazmayalım.
Bilmeden biliyormuş gibi yapmayalım.

Genişletmek için tıkla ...

cakabo28' Alıntı:

arkadaşlar merhaba amatör olarak bir web sitesi hazırlamak niyetindeyim fakat bir sorunum var ve çözemedim elimde 1024*768 bir resim var ben bu resmi html kodları ile arka plan olarak ayarladım benim ekranım 17" olduğu için sorunu farkedemedim daha sonra görüntüyü 21" bir ekranda kontrol ettiğimde arka plan resminin sayfaya küçük geldiğini ve aynı resmin kenarından köşesinden bir kısım daha kopyalarının göründüğünü farkettim sanırım ben yaptığım kodlamayla resmi arka plana döşe olarak ayarlamışım benim istediğim ise bu resmi sayfaya sığdır olarak ayarlamak yani kaç ekran monitörde bakarsan bak sayfaya tam sığmış 1 resim görmek istiyorum.
biraz uzun oldu ama yardımcı olursanız sevinirim

Genişletmek için tıkla ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ehm</title>
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
</style>
<!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#page-background {position:absolute; z-index:-1;}
</style>
<![endif]-->
</head>
<body>
	<div id="page-background"><img src="https://www.resimler7.com/tum/hayvan2/23506_1024_768.jpg" width="100%" height="100%" alt="Smile"></div>
</body>
</html>

background-size: 100%;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Resim</title>
<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
</style>
<script type="text/javascript">
function resize(blabla) {
  var elem = document.getElementById(blabla);
  if (elem == undefined || elem == null) return false;
  var max = document.documentElement.clientWidth;
  if (elem.width > elem.height) {
    if (elem.width < max) elem.width = max;
  } else {
    if (elem.height < max) elem.height = max;
  }
};
</script>
</head>
<body>
	
    <img id="resim" onload="resize('resim')" src="https://www.resimler7.com/tum/hayvan2/23506_1024_768.jpg" />
	
</body>
</html>

<div id="kardelen">
<img src="img/bg.png" width="100%" height="100%" alt="Smile">
</div>
<div id="hataman">

</div>

Genişletmek için tıkla ...

<style>
body {height:100%;margin:0;padding:0;text-align:center;}
#kardelen{width:100%;height:100%;margin-top:-20px;padding:0;z-index:-1;position:fixed;}
#hataman{width:1045px;height:800px;z-index:1;margin:20px auto;background:#fff;}
</style>

Genişletmek için tıkla ...