arkaplan

[BATMANCU]

arkadaşlar sorunum şu;
1024*768 boyutunda bir resmim var ben bunu sitenin arkaplanı yaptığımda her ne çözünürlük olursa olsun sayfada kendisini ayarlayıp, uygun boyutunu bulup tam oturmasını istiyorum.
*şu anda 1024*768 çözünürlüğünde bir sorun yok ama çözünürlük değiştiğinde resmin bittiği yerde ikinci bir resim başlıyor.

 

[el_chancho]

Css olarak arkaplan resmini x-y koordinatlarında sabitlemeyi yada devam etmesini saglayabilrsin...

repeat-x resmini genişlik düzleminde devam etmesini saglar,repeat-y uzunluk düzleminde devam etmesini saglar,no-repeat arkaplan resmini sabitler yani tekrarına izin vermez...

Sanırım doğru oldu yanlış noktaları varsa css daha iyi bilen arkadaşlar düzeltirse sevinirim...

 

[vasili_zaitzev]

öle birşey olsa bile bu resmin sünmesine sebep olur.Bence sen 1440-900 bi background kullan daha bi büyük monitör herkes de yok zaten

 

[BATMANCU]

öle birşey olsa bile bu resmin sünmesine sebep olur.Bence sen 1440-900 bi background kullan daha bi büyük monitör herkes de yok zaten

fikrin için tşk. ederim ama şöyle bir sorun çıkar o zaman resim büyüdükçe boyutu artar ve site yavaş çalışmaya başlar...

 

[vasili_zaitzev]

fikrin için tşk. ederim ama şöyle bir sorun çıkar o zaman resim büyüdükçe boyutu artar ve site yavaş çalışmaya başlar...

Çok etkilemez bana güven.Sonuçta flash dosya yüklemiosun ki.Html de elemanlar parça parça yüklenir.Tıpkı grafikerl.net gibi.Bu da kullanıcıyı ço fazla sıkmaz emin ol

 

[Ali Emre]

Bunun için ekranda gözükecek kadar bir kısmını bir grafik programı ile kesin.1024x768 px çözünürlük kullanan bir pc de grafiğiniz 1000 x 600 px de tarayıcıya tam oturacaktır.Sıra geldi grafiği arka plana sabitlemey bunu CSS kodu ile yapacaksınız.Kodumuz:

body {
background-image:url(images/arkaplan.jpg);
background-attachment:fixed;
}

 

[BATMANCU]

Bunun için ekranda gözükecek kadar bir kısmını bir grafik programı ile kesin.1024x768 px çözünürlük kullanan bir pc de grafiğiniz 1000 x 600 px de tarayıcıya tam oturacaktır.Sıra geldi grafiği arka plana sabitlemey bunu CSS kodu ile yapacaksınız.Kodumuz:

body {
background-image:url(images/arkaplan.jpg);
background-attachment:fixed;
}

Dediğinizi denedim ve oldu çok tşk ederim. Ama 1024 * 768 px lik bilgisayarın çözünürlüğünü yükselttiğimde resim yetmediği yerlerde kendini yeniden kopyalıyor ve kötü bir görüntü meydana geliyor. Yardımlarınız için tşk. ederim anladığım kadarıyla düşüncem mümkün değil gibi görünüyor. Bende arkaplana bozulmayacak resim kullanmalıyım sanırım.

 

[ensargk]

aslında sorununuzun çözümü var tam olarak hatırlamıyrm ama kolay da bi yoldu araştırmaya devam edin bence diğer forum kaynaklarından.

 

[gnc_erdem]

arkadaşlar sorunum şu;
1024*768 boyutunda bir resmim var ben bunu sitenin arkaplanı yaptığımda her ne çözünürlük olursa olsun sayfada kendisini ayarlayıp, uygun boyutunu bulup tam oturmasını istiyorum.
*şu anda 1024*768 çözünürlüğünde bir sorun yok ama çözünürlük değiştiğinde resmin bittiği yerde ikinci bir resim başlıyor.

ya tam hatırlamıyorum ama bunun çözümü css den oluyodu dıye bılıyorum background > repeat > no repeat olması lazım dı once bır cssye bakın derim ben.

 

[d3niz]

Dediğinizi denedim ve oldu çok tşk ederim. Ama 1024 * 768 px lik bilgisayarın çözünürlüğünü yükselttiğimde resim yetmediği yerlerde kendini yeniden kopyalıyor ve kötü bir görüntü meydana geliyor. Yardımlarınız için tşk. ederim anladığım kadarıyla düşüncem mümkün değil gibi görünüyor. Bende arkaplana bozulmayacak resim kullanmalıyım sanırım.

Aynen dediğiniz gibi olmalı. Yani mesela üzerinde desenler varsa büyüdüğü zaman tekrarlamaması için ayrı ayrı bölmeniz gerekir. Arkaplana mutlaka düz bir fon bırakmalısınız. Üstüne resim olarak koyabilirsiniz. Böylece çözünürlük değiştikçe site bozulmaz. Örneğin şöyle bir banner olsun:

İşte olay budur. Bu mantığı anlar ve uygularsanız sorun kalmaz. Püf nokta tekrar eden alanla etmeyen alanı birbirinden ayırarak uygulama yapmak. Köşeleri ve logo kısmını (sözde) tekrar etmeyen alan olarak seçtiğim için onları ayrı dilimliyorum . (slice tool ile*dilimleme aracı) 1, 7, 8, 9 yani. 2,3,4,5 ve 6 no'lu alanları düz yaptığım için resimleri kullanmasam da olur. Tabii siz resim kullanırsanız yine bozmamak için ayrı dilimlemelisiniz.

 

[BATMANCU]

Aynen dediğiniz gibi olmalı. Yani mesela üzerinde desenler varsa büyüdüğü zaman tekrarlamaması için ayrı ayrı bölmeniz gerekir. Arkaplana mutlaka düz bir fon bırakmalısınız. Üstüne resim olarak koyabilirsiniz. Böylece çözünürlük değiştikçe site bozulmaz. Örneğin şöyle bir banner olsun:

İşte olay budur. Bu mantığı anlar ve uygularsanız sorun kalmaz. Püf nokta tekrar eden alanla etmeyen alanı birbirinden ayırarak uygulama yapmak. Köşeleri ve logo kısmını (sözde) tekrar etmeyen alan olarak seçtiğim için onları ayrı dilimliyorum . (slice tool ile*dilimleme aracı) 1, 7, 8, 9 yani. 2,3,4,5 ve 6 no'lu alanları düz yaptığım için resimleri kullanmasam da olur. Tabii siz resim kullanırsanız yine bozmamak için ayrı dilimlemelisiniz.

Mantığını çok iyi anladım yardımından dolayı çok tşk. ederim.

 

[d3niz]

Mantığını çok iyi anladım yardımından dolayı çok tşk. ederim.

Rica ederim . Yardımcı olabildiysem, ne mutlu bana.

 

[Ali Emre]

Yalnız bahsettiğiniz yöntem anasayfa tasarlanırken kullanılır.Arkadaşımız ise site arkaplanındaki resimin sabit kalmasını ve ekran çözünürlüğü değişse bile arkaplanın değişmemesini istiyor..

Benden bir tavsiye arka plana şekilli bir resim veya fotoğraf koymak eğer sitenin tamamı transparan değilse mantıklı olmayacaktır.Çünkü sadece fotoğrafın üst kısmı boş kısım varsa sağ ve sol traf gözükecektir.

Onun için sadece üst kısm için hazırladığın resmi veya fotoğrafı dediğim kodla sabitle.Ekstra olarak arka plan rengi atarsan.Daha güzel duracaktır.

Kodlar:

<style type="text/css">
body {
background-image:url(../images/arkaplan.jpg);
background-attachment:fixed;
background-color:#CCCCCC;(Rengi resme göre değiştir)
}
</style>

 

[d3niz]

Doğru fakat bahsettiğim yöntem anlaşıldığı takdirde arkaplan için tekrarlayınca bozulmayacak resimler nasıl dilimlenir öğrenilmiş olur. Bu durumda sizin söylediğiniz yöntemle birleştirirsek istenen sonuca varmış oluruz.

 

[mhmtzl]

batmancu arkadaş

yapmak istediğin şeyi flash ile yapabilirim sana ama değişik çözünürlüklü bilgisayarlarda siten açıldığında arkaplan resmin uzatılıp eğileceği için netliği gidecektir...

gel sen bu sevdadan vazgeç

 

[Ali Emre]

Doğru fakat bahsettiğim yöntem anlaşıldığı takdirde arkaplan için tekrarlayınca bozulmayacak resimler nasıl dilimlenir öğrenilmiş olur. Bu durumda sizin söylediğiniz yöntemle birleştirirsek istenen sonuca varmış oluruz.

Aynen katılıyorum Deniz..:wink:

 

[d3niz]

Aynen katılıyorum Deniz..:wink:

Teşekkür ederim Ali Emre. :wink: :wink:

 

[atibin]

arkadaşlar sorunum şu;
1024*768 boyutunda bir resmim var ben bunu sitenin arkaplanı yaptığımda her ne çözünürlük olursa olsun sayfada kendisini ayarlayıp, uygun boyutunu bulup tam oturmasını istiyorum.
*şu anda 1024*768 çözünürlüğünde bir sorun yok ama çözünürlük değiştiğinde resmin bittiği yerde ikinci bir resim başlıyor.

Sanırım 1-1 istediğin düzen UYGUN BOYUT adresindeki gibi


Önerilen çözümler biraz kısıtlayıcı olmuş ama
en doğru yöntem kullanılacak zeminin ( desenli olsa da farketmez ) öncelikle maksimum çözünürlüğe göre yapılandırılması lazım.

Misal yatayda maksimum 1440 pixel düşünürsen iyi olur...

Sonra sayfanda çalışacağın alanı belirlemelisin. Tasarıma göre tercih sana kalmış ama 800x600 pixel ekran kullananların hala varolduğunu düşünürsek ve bu ebada göre bir çalışma yaparsak;

1440 ebadında tam ortada 767 pixel bir alanı alıp orta gövde backround,
Sol tarafı sol backround,
Sağ tarafı sağ backround,
şeklinde kesip,

css ile bunları sayfana atayabilirsin.
dikkat etmen gereken sol taraftaki resim için yaptığın atamada:
background-position: right 0;
ile resimin sağ aksını ortadaki resime bitiştirmendir.

Yatayda bu şekilde düzenleme yapıp dikeydeki uzunluğunu da tasarımının gerektirdiği ebat da şekillendirebilirisin.

Artık hangi ekranda bakılırsa bakılsın, ortaki 767 fix görüntüyü yakalarsın.
Sağ sol açılımlarda zeminin kaldığı yerden desen bozulmadan devam eder.

 

[BATMANCU]

batmancu arkadaş

yapmak istediğin şeyi flash ile yapabilirim sana ama değişik çözünürlüklü bilgisayarlarda siten açıldığında arkaplan resmin uzatılıp eğileceği için netliği gidecektir...

gel sen bu sevdadan vazgeç

teklifin için tşk. ederim ama flashla yaptığım tasarımlarda bu sorunu çözmüştüm yani nasıl yapıldığını bilyorum teklifin için tşk. ederim.

arkadaşlar hepinize tek tek tşk. ederim yardımlarınızdan dolayı, zamanınızı ayırdığınız için çok tşk. ederim.

ama son bir soru sayın atibin dediğinizi yaptığım taktirde arkaplanda kullandığım resmin boyutu arttığı için site yavaşlamaz mı?

 

[d3niz]

...
1440 ebadında tam ortada 767 pixel bir alanı alıp orta gövde backround,
Sol tarafı sol backround,
Sağ tarafı sağ backround,
şeklinde kesip,

css ile bunları sayfana atayabilirsin.
dikkat etmen gereken sol taraftaki resim için yaptığın atamada:
background-position: right 0;
ile resimin sağ aksını ortadaki resime bitiştirmendir...

Bu kısımda söylenenleri tekrar düşünün. Sağ back-Sol back diye ayırıp ana gövdeyi ortaya css ile sabitlerseniz eğer siteniz yavaşlamayacaktır. Ayrıca bütün olarak ele aldıktan sonra sağ - sol ve orta kısımları kendi aralarında küçük parçalara ayırarak daha da hızlı hale getirebilirsiniz.