Dreamweaver'da Arka Planı Ortalama

Web Tasarımı - Dreamweaver'da Arka Planı Ortalama Sponsorlu Bağlantılar Öncelikle merahaba arkadaşlar, aranıza yeni katıldım ve ufak tefek sorularım olacak sizlere.. soruma geleyim , site yapmak istiyorum fakat arka plana resim koyunca farklı tarayıcılarda ve farklıı bilgisayarlarda ...

Cevapla
Dreamweaver'da Arka Planı Ortalama
spyland7k isimli Üye şimdilik offline konumundadır

spyland7k

Öğrenci (Grafik) / İzmir

Dosya19

Dreamweaver'da Arka Planı Ortalama

Alt 15-11-2011 #1
Sponsorlu Bağlantılar

Öncelikle merahaba arkadaşlar, aranıza yeni katıldım ve ufak tefek sorularım olacak sizlere..

soruma geleyim , site yapmak istiyorum fakat arka plana resim koyunca farklı tarayıcılarda ve farklıı bilgisayarlarda bu sayfayı açınca resimin bir bölümü gözüküyor,şimdi ben 1024x768 'e göre yaptıysam 1280x1200 çözünürlüklü bir pc de ufak kalıyor bunu nasıl tam yerleştircem bütün kullanıcılara göre yardım edebilirmisiniz?

DW CS4 kullanıyorum.
CSS konusunda hiç bir bilgim yok.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

sanaluser isimli Üye şimdilik offline konumundadır

sanaluser

Webmaster / İstanbul

Standart
Alt 15-11-2011 #2
                             Sponsorlu Bağlantılar
dreamveaverle olacak bir şey değil. absolute bir divin içine img src ile imajı koyarsın. sayfanın width ve height değerini javascript ile alıp değişkenlere atarsın. imajın width ve height değerine bu değişkenleri koyarsın. bitti gitti Dreamweaver'da Arka Planı Ortalama
Bu mesajdan alıntı yap
spyland7k isimli Üye şimdilik offline konumundadır

spyland7k

Öğrenci (Grafik) / İzmir

Standart
Alt 15-11-2011 #3
dreamveaverle olacak bir şey değil. absolute bir divin içine img src ile imajı koyarsın. sayfanın width ve height değerini javascript ile alıp değişkenlere atarsın. imajın width ve height değerine bu değişkenleri koyarsın. bitti gitti Dreamweaver'da Arka Planı Ortalama
anlatımın için sağol ama nasıl yapıcam , geniş anlatımlı bir konu varmı? veya daha basiti
Bu mesajdan alıntı yap
createk isimli Üye şimdilik offline konumundadır

createk

Webmaster / Yurtdışı

Standart
Alt 16-11-2011 #4
<style type="text/css" media="screen">
body {height:100%;margin:0;padding:0;text-align:center;}
#arka{width:100%;height:100%;margin-top:0px;padding:0;z-index:-1;position:fixed;}
</style>

<body>
<div id="arka">
<img src="images/bgaa.jpg" width="100%" height="100%">
</div>

kodlamanin geri kalani....
...
...
..
.

gibi yazarsan olcak. Eger istedigin bu degilse farkli yontemler deneriz.
Bu mesajdan alıntı yap
sanaluser isimli Üye şimdilik offline konumundadır

sanaluser

Webmaster / İstanbul

Standart
Alt 16-11-2011 #5
anlatımın için sağol ama nasıl yapıcam , geniş anlatımlı bir konu varmı? veya daha basiti
En basiti bu. Tabi ilk önce sayfana jquery yi yüklemen gerekiyor. Ben örnekte direkt img yi koydum sen yaparken seçimi özelleştirmen gerekiyor yoksa tüm imglere bu işlem uygulanır Dreamweaver'da Arka Planı Ortalama

$(document).ready(function(){
var en = window.width();
var boy = window.height();
$("img").css("width", en);
$("img").css("height", boy);
});
Bu mesajdan alıntı yap
spyland7k isimli Üye şimdilik offline konumundadır

spyland7k

Öğrenci (Grafik) / İzmir

Standart
Alt 17-11-2011 #6
<style type="text/css" media="screen">
body {height:100%;margin:0;padding:0;text-align:center;}
#arka{width:100%;height:100%;margin-top:0px;padding:0;z-index:-1;position:fixed;}
</style>

<body>
<div id="arka">
<img src="images/bgaa.jpg" width="100%" height="100%">
</div>

kodlamanin geri kalani....
...
...
..
.

gibi yazarsan olcak. Eger istedigin bu degilse farkli yontemler deneriz.
Kardeş çok sağolda bu kodları nereye ekliyeceğim yardımcı olurmusun o konuda?

En basiti bu. Tabi ilk önce sayfana jquery yi yüklemen gerekiyor. Ben örnekte direkt img yi koydum sen yaparken seçimi özelleştirmen gerekiyor yoksa tüm imglere bu işlem uygulanır Dreamweaver'da Arka Planı Ortalama

$(document).ready(function(){
var en = window.width();
var boy = window.height();
$("img").css("width", en);
$("img").css("height", boy);
});
Bende üstte arkadaşın dediği gibi bişeyler arıyodur %100 felan erkanın çözünürlük ölçüsünü alıp ona göre yerleştiriyo sanırım.
Bu mesajdan alıntı yap
createk isimli Üye şimdilik offline konumundadır

createk

Webmaster / Yurtdışı

Standart
Alt 17-11-2011 #7
<html>
<head>
<style type="text/css" media="screen">
body {height:100%;margin:0;padding:0;text-align:center;}
#arka{width:100%;height:100%;margin-top:0px;padding:0;z-index:-1;position:fixed;}
</style>
</head>
<body>
<div id="arka">
<img src="images/bgaa.jpg" width="100%" height="100%">
</div>
<table>
<tr>
<td> yazi yazi yazi dsqfs </td>
</tr>
</table>
</body>
</html>

bak bunu aynen yaz olayi anlarsin. en basite indirgenmis sekli.

table olan yere sayfanin body arasindaki kodlarini yerlerstir buyuk ihtimalle olu eger baska ayar gerektirmiyorsa. basarilar Dreamweaver'da Arka Planı Ortalama
Bu mesajdan alıntı yap
sanaluser isimli Üye şimdilik offline konumundadır

sanaluser

Webmaster / İstanbul

Standart
Alt 17-11-2011 #8
Kardeş çok sağolda bu kodları nereye ekliyeceğim yardımcı olurmusun o konuda?



Bende üstte arkadaşın dediği gibi bişeyler arıyodur %100 felan erkanın çözünürlük ölçüsünü alıp ona göre yerleştiriyo sanırım.
Bu kodları js uzantılı sayfadaysan direk bu şekilde kullanabilirsin, html sayfadaysan

<script type="text/javascript">

kodlar buraya gelsin

</script>

seklinde script tagları arasına yazman gerekiyor.
Bu mesajdan alıntı yap
spyland7k isimli Üye şimdilik offline konumundadır

spyland7k

Öğrenci (Grafik) / İzmir

Standart
Alt 17-11-2011 #9
<html>
<head>
<style type="text/css" media="screen">
body {height:100%;margin:0;padding:0;text-align:center;}
#arka{width:100%;height:100%;margin-top:0px;padding:0;z-index:-1;position:fixed;}
</style>
</head>
<body>
<div id="arka">
<img src="images/bgaa.jpg" width="100%" height="100%">
</div>
<table>
<tr>
<td> yazi yazi yazi dsqfs </td>
</tr>
</table>
</body>
</html>

bak bunu aynen yaz olayi anlarsin. en basite indirgenmis sekli.

table olan yere sayfanin body arasindaki kodlarini yerlerstir buyuk ihtimalle olu eger baska ayar gerektirmiyorsa. basarilar Dreamweaver'da Arka Planı Ortalama
sağol kardeş bunu anladım =)
Bu mesajdan alıntı yap
vulturemess isimli Üye şimdilik offline konumundadır

vulturemess

Bilg. Teknikeri / İzmir

Standart
Alt 25-11-2011 #10
Bende bu problem yüzünden kafayı yiyordum . Ama css3 ile gelen yenilikler işinizi daha da kolaylaştırıyor . bende ufak bi örnek vereyim umarım işinizi görür

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Full BG</title>

<style>
		img.bg {
			/* arkaplanı belirleyen komut bölümü */
			min-height: 100%;
			min-width: 1024px;
			
			/* Orantılı ölçekleme bölümü */
			width: 100%;
			height: auto;
			
			/* Pozisyon*/
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}

</style>

</head>

<body>
<img src="image.jpg" class="bg" />
</body>
</html>
Bu kod , hangi çözünürlükte olursa olsun, resim otomatik olarak kaplanacaktır. Umarım işinizi görür
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Psd resim arka planı !!! By_HeMŞinLi Photoshop Soru ve Sorunlarınız 5 09-03-2009 12:25:55
arka planı silme ??? srknyzc Corel Draw 17 27-12-2008 22:30:47
Dreamweaver'da Sayfa Ortalama, Sayfa Ebatı Sınırlama ve Layer hakkında yardım talebi Rictusempra Web Tasarımı 1 13-10-2008 17:03:10
Resmin Arka Planı moskova32 Corel Draw 7 02-10-2008 22:43:30

Kapat
Şifremi Unuttum?