arkaplan

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

ö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

vasili_zaitzev' Alıntı:

ö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

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

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

BATMANCU' Alıntı:

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

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

Ç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

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;
}

Ali Emre' Alıntı:

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;
}

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

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.

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.

BATMANCU' Alıntı:

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.

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

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.

BATMANCU' Alıntı:

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.

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

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.

d3niz' Alıntı:

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.

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

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

BATMANCU' Alıntı:

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

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

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

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:

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.

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ç

d3niz' Alıntı:

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.

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

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

Ali Emre' Alıntı:

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

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

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

BATMANCU' Alıntı:

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.

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

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.

mhmtzl' Alıntı:

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ç

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

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ı?

atibin' Alıntı:

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

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

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.