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

Php, Asp, Perl, Html - html ile arka planı sayfaya sığdırma nasıl yapılır ? ...

Cevapla
html ile arka planı sayfaya sığdırma nasıl yapılır ?
cakabo28 isimli Üye şimdilik offline konumundadır

cakabo28

Hiç Biri / İzmir

Dosya23

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

Alt 21-12-2010 #1
Sponsorlu Bağlantılar

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 html ile arka planı sayfaya sığdırma nasıl yapılır ?
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 21-12-2010 #2
                             Sponsorlu Bağlantılar
Bu dediğiniz mümkün değil css ile. Yapılacak daha büyük bir resim ayarlamak yada resimi sayfaya ortalayıp boş kalan yerlere resime uygun renk kodu girmek.
Bu mesajdan alıntı yap
cakabo28 isimli Üye şimdilik offline konumundadır

cakabo28

Hiç Biri / İzmir

Standart
Alt 21-12-2010 #3
teşekkürler peki frontpage ile mümkün mü ?
Bu mesajdan alıntı yap
atibin isimli Üye şimdilik offline konumundadır

atibin(47)

Webmaster / İstanbul

Standart
Alt 23-12-2010 #4
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.
Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 23-12-2010 #5
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.
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.
Bu mesajdan alıntı yap
cakabo28 isimli Üye şimdilik offline konumundadır

cakabo28

Hiç Biri / İzmir

Standart
Alt 24-12-2010 #6
arkadaşlar gerginlik olmasın diye konuyu kapatalım derim ben, hem zaten bu istediğim şey pek mümkün olabilecek birşey değil sanırım.
Bu mesajdan alıntı yap
hsamet isimli Üye şimdilik offline konumundadır

hsamet

Öğrenci (Diğer) / Sakarya

Standart
Alt 24-12-2010 #7
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.
Ş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. html ile arka planı sayfaya sığdırma nasıl yapılır ?
Bu mesajdan alıntı yap
atibin isimli Üye şimdilik offline konumundadır

atibin(47)

Webmaster / İstanbul

Standart
Alt 01-01-2011 #8
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.


Ş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. html ile arka planı sayfaya sığdırma nasıl yapılır ?

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...

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.
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...
Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 01-01-2011 #9
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...
İşinize saygı duyuyorum fakat alttaki alıntıda sizin ne kadar saygılı olduğunuz çok açık;

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.
üstelik soruyu okumadan bu yazdıklarınız saygısızlığın nerelerinde geziyor takdiri okuyanların.

size özel mesaj atabilme sebebim webmaster forumlarının yöneticisi olmamdır.
Sanırım narsistliği bırakıp daha seviyeli yazılar yazmalısınız.
Bu mesajdan alıntı yap
surit isimli Üye şimdilik offline konumundadır

surit

Hiç Biri / Yurtdışı

Standart
Alt 03-01-2011 #10
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 html ile arka planı sayfaya sığdırma nasıl yapılır ?

Merhaba, resmi kullanıcı ekranına göre germek mümkün..çözünürlük uygunsa... bazen kutulanma olsa da (düşük kaliteli fotoğraflarda) düzgün gözükür.. çözünürlük uygun değilse, resim ya geniş gelir, yada uzun gelir..


örn. : (resmi css'in içine de koyabilirsin. not: resim gelişi-güzeldir, kodu kes yapıştır kullan. not: içerik kullandığında div tag'ında z-index'ini -1 'den yüksek içeriğini bunun üstünde gösterirsin.)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://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="http://www.resimler7.com/tum/hayvan2/23506_1024_768.jpg" width="100%" height="100%" alt="Smile"></div>
</body>
</html>
CSS3'de ise bu özelliği kullanıyorsun, (not: her browser daha desteklemediği için yukarıdaki metod en emin olanı şimdilik..)

background-size: 100%;

Benzer arkafon/ sadece resim boyutlandirma Javascript ile..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://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="http://www.resimler7.com/tum/hayvan2/23506_1024_768.jpg" />
	
</body>
</html>
Eğer tam olarak boyutlandırmak istiyorsan o zaman crop yapman gerekli bu da php ile mümkün, yada hataman'ın dediği gibi farklı boyutlar için farklı background resmi kullanarak (algılamayı da basit javascript ile yapabilirsin örn bu boyutsa bu css dosyasını kullan yada bu background'u kullan.. gibi.)
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
quarkta farklı sayfaya resim taşıma nasıl yapılır. cache10 QuarkXPress 1 06-08-2010 22:42:48
Arka Planı Nasıl Yaparım celikmurat Photoshop Soru ve Sorunlarınız 4 12-04-2010 12:34:26
Swf nin kendi arka planı transparan yapma (html kodlarıyla değil) BuRaQ1907 Flash 2 31-03-2010 11:54:50
şeklin içine yazı sığdırma nasıl yapılır? merweax Photoshop Dersleri 2 15-12-2009 11:45:38

Kapat
Şifremi Unuttum?