Arka plan Resmi Her Çözünürlükte Yapma

06-02-2010, 19:15:05

Üyeliği durduruldu

Merhaba arkadaşlar ben sitemin arka plan resmini her Çözünürlükte Tam Sayfa Çıkmasını İsitiyorum Bir Çok Yere Baktım Ama olumlu Sonuç Bulamadım Suanki Resim Boyu 1200 lerde Benim istediğim siteye her giren resmi tam görsün çözünürlükler herkezde değişiyor ona görede resmi yapamam acaba bunun için css yada html için bir kod varmı şimdiden teşekkürler

site adresi

www.benimistanbul.com

06-02-2010, 20:36:00

#2

~~JustGo~~

Üyeliği durduruldu

4 yol var bildiğim.
1. js,php,asp gibi diller ile ekran çözünürlüğünü alıp arkaplana o çözünürlükteki resmi koyabilirsin.
2.arkaplan resmini çok büyük alırsın ve her çözünürlükte orda arkaplan olmasını sağlıyabilirsin.
3.arkaplan resmin ufak ve tek boyutta mevcut ise tekrarlatabilirsin fakat şu an kullandığın resimler için kötü bir görüntü elde edersin.
4.arkaplan resmini kenarlarından biraz softlaştırırp tek bir renk üzerine oturtup resmi ortaya alır background içinde resmi üzerine oturttuğun resimle bütünleşebilcek renk ile doldurabilirsin.

06-02-2010, 22:31:51

#3

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

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

4 yol var bildiğim.
1. js,php,asp gibi diller ile ekran çözünürlüğünü alıp arkaplana o çözünürlükteki resmi koyabilirsin.
2.arkaplan resmini çok büyük alırsın ve her çözünürlükte orda arkaplan olmasını sağlıyabilirsin.
3.arkaplan resmin ufak ve tek boyutta mevcut ise tekrarlatabilirsin fakat şu an kullandığın resimler için kötü bir görüntü elde edersin.
4.arkaplan resmini kenarlarından biraz softlaştırırp tek bir renk üzerine oturtup resmi ortaya alır background içinde resmi üzerine oturttuğun resimle bütünleşebilcek renk ile doldurabilirsin.

JustGo yapılacakların hepsini demiş ama bence background yerine bing.com mantığı ile yapmanı öneririm arka plan değil ön planda olsun resim.

06-02-2010, 22:37:34

#4

~~boyners~~

Üyeliği durduruldu

aslında bu konuda biraz acemiyim bu konuda bir döküman yada şu kodla bu kodla ola bilir diceniz bir yöntem varmıdır yada su adrestende yapa bilirsin diceniz ..

07-02-2010, 00:53:48

#5

~~php7~~

Üyeliği durduruldu

Öncelikle arkaplan resmin bayağı büyük olsun ve ortasına siten gelecek şekilde olsun. Yani ortasını boş bırak (örn: http://www.rapografi.net/images/arkaplan.png)

Sonra şu CSS kodunu ekle:

<style type="text/css">
body { background: url(images/arkaplanresmi.jpg) no-repeat center; }
</style>

Kolay gelsin.

07-02-2010, 09:31:29

#6

Emresecer

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

Öncelikle arkaplan resmin bayağı büyük olsun ve ortasına siten gelecek şekilde olsun. Yani ortasını boş bırak (örn: http://www.rapografi.net/images/arkaplan.png)

Sonra şu CSS kodunu ekle:

<style type="text/css">
body { background: url(images/arkaplanresmi.jpg) no-repeat center; }
</style>

Kolay gelsin.

Verdiğin bilgi doğru ama arkadaşın istediği bilgi tam bu değil galiba.aynı sorunu bende yaşıyorm çünkü.

07-02-2010, 13:41:48

#7

~~LefkeWebDizayn~~

Üyeliği durduruldu

var jswidth = screen.width;
if (jswidth==800) document.write("<div class='anasayfa' style='width:63%;'>");
else if (jswidth==1024) document.write("<div class='anasayfa' style='width:72%;'>");
else if (jswidth==1152) document.write("<div class='anasayfa' style='width:75%;'>");
else if (jswidth==1280) document.write("<div class='anasayfa' style='width:77%;'>");
else document.write("<div class='anasayfa' style='width:63%;'>");

Bunu anasayfa.js olarak kaydedelim.

<script type="text/javascript"src="dizinadi/anasayfa.js"></script> ve bunu html'e yerleştirelim.

document.write("</div>");
bu kodu da divkapat.js olarak kayıt edelim.
<script type="text/javascript"src="dizinadi/divkapat.js"></script>
kodumuzu html'e yerleştirdiğimizden itibaren bir sorun kalmamalı.