| Yazar |
Mesaj |
-
dadava
Acemi Üye
|
 26.09.2009, 18:25 (UTC)
Mesaj konusu: çözünürlüğe göre nasıl bacground yapabilirim (html bilenler) |
|
|
Arkadaşlar bn bir arkaplan resmini örneğin 600 x 800 büyüklüğündeki resimi pc çözünürlüğü 1024x768 olanda tam olarak görsün 1280 x 768 olan da yani çözünürlük ne olursa olsun arkaplan aynı kalsın istiyorum sağda bir tane aşağıda bir tane daha falan çıkmasını istemiorum bunu nasıl yapabilirim |
|
|
↑
|
|
 |
-
biltekno-web
Uzman Üye
|
26.09.2009, 18:31 (UTC)
Mesaj konusu: |
|
|
galibva java scriple yapılabilinir tam biligim yok ama |
|
|
↑
|
|
|
-
dadava
Acemi Üye
|
26.09.2009, 20:12 (UTC)
Mesaj konusu: |
|
|
bilen varmı acaba javascript de olur yeterki istediğim olsun flashla ilgilendiğim için pek fazla html bilmiorum javada bilmiorum |
|
|
↑
|
|
|
-
scriptype
Bedava-Sitem Bağımlısı
|
27.09.2009, 08:19 (UTC)
Mesaj konusu: |
|
|
sabit tek bi resmi ekran çözünürlüğüne göre uzatmak imkansız css'le. css'den yapabileceğimiz işlemler:
resim tam dolduramıyosa yatay ve dikey tekrarlatmak,
sadece yatay veya sadece dikey tekrarlatmak,
ekranın ortasına veya istediğin yerine pozisyonlayp tekrarlatmamak.
eğer her çözünürlükte tam ekran olsun istiyosan ekran çözünürlüğüne göre javascriptten kod yazmak gerkeir. mesela:
if ( screen.width == '1024' ) {
body.style.background='resimadresi'
}
gibi bu konuda çok araştırmışlığım yok o yüzden yanlış bilgi vermeyim ama buna benzer bişey olacak
______________
Hey maan |
|
|
↑
|
|
|
-
scriptype
Bedava-Sitem Bağımlısı
|
27.09.2009, 08:21 (UTC)
Mesaj konusu: |
|
|
scriptype yazmış: sabit tek bi resmi ekran çözünürlüğüne göre uzatmak imkansız css'le. css'den yapabileceğimiz işlemler:
resim tam dolduramıyosa yatay ve dikey tekrarlatmak,
sadece yatay veya sadece dikey tekrarlatmak,
ekranın ortasına veya istediğin yerine pozisyonlayp tekrarlatmamak.
eğer her çözünürlükte tam ekran olsun istiyosan ekran çözünürlüğüne göre javascriptten kod yazmak gerkeir. mesela:
if ( screen.width == '1024' ) {
body.style.background='resimadresi'
}
if ( screen.width == '800' ) {
body.style.background='resimadresi'
}
gibi bu konuda çok araştırmışlığım yok o yüzden yanlış bilgi vermeyim ama buna benzer bişey olacak
bu arada şunu demek istedim:
arkaplan resmini çeşitli büyüklüklerde resimler olarak kaydedicen ve mesela 1280*1024 çözünürlüklü olan ekranda ona uygun olan resmi ayarlıcan bu kodlarla.
______________
Hey maan |
|
|
↑
|
|
|
-
scriptype
Bedava-Sitem Bağımlısı
|
27.09.2009, 15:05 (UTC)
Mesaj konusu: |
|
|
bak ahbap senin için jquery kullanarak anlatmaya çalıştığım şeyi hazırladım ama genel itibariyle en çok kullanılan (ya da benim öyle sandığım) çözünürlükler için kuralları belirttim sen aynı formatı bozmadan istediğin çözünürlükler için istediğin şeyi yapabilirsin. temel kod şöyle:
Kod: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
if ( screen.width=='800' && screen.height=='600' ) {
$("body").css({
background: 'url(8060.png) no-repeat center center'
});
}
if ( screen.width=='1024' && screen.height=='768' ) {
$("body").css({
background: 'url(1076.png) no-repeat center center'
});
}
if ( screen.width=='1152' && screen.height=='864' ) {
$("body").css({
background: 'url(1184.png) no-repeat center center'
});
}
if ( screen.width=='1280' && screen.height=='960' ) {
$("body").css({
background: 'url(1296.png) no-repeat center center'
});
}
if ( screen.width=='1280' && screen.height=='1024' ) {
$("body").css({
background: 'url(1210.png) no-repeat center center'
});
}
if ( screen.width=='1280' ) {
$("body").css({
background: 'url(1210.png) no-repeat center center'
});
}
});
</script>
bu kodu sitene eklersen hiç bi sonuç vermez sanırım ya da en fazla mevcut arkaplan resmini de götürebilir.
her bir kuralda background: 'url() no-repeat center center' kısmında parantez içine resim adresini yazıcaksın. mesela 1024*768 çözünürlük kuralındaki bu bölüme 1024*768 çözünürlükler için hazırladığın resmin adresini yazman gerekir. ayrıca sadece body'nin background özelliği değil sitenden istediğin her elemanın her özelliğini dğeiştirebilirsin ve jquery kütüphanesinin sağladığı herşeyi yapabilirsin ama özetle şu şekildeki formatı bozmazsan herşeyi yaparsın:
Kod: $("body").css({
background: 'url(1184.png) no-repeat center center',
color: 'red'
});
$("#elemanismi").css({
backgroundColor: 'red',
color: 'black'
});
gibi.
aynı elemana birden fazla css özelliği girerken her özelliğin sonuna virgül girersin. bir elemana css dışında birden fazla şey vermek istiyosan css()'in sonundaki noktalı virgülü kaldırırsın nokta koyarsın ve ne yapmak istiyosan ona devam edersin ve en sona noktalı virgül koyarsın:
Kod: $("#elemanismi")
.css({
backgroundColor: 'red',
color: 'black'
})
.animate({
width: '500px',
left: '-80px
});
gibi.
tabi bu konu giderek jquery yazım biçimi dersine dönmeye başladı ama temel bikaç şeyi göstereyim dedim.
anlatmak istediğim olay bu çözünürlük farklarına göre herşeyi yönetebilirsin. mesela ekran genişliği atıyorum 600px'den genişse şu elemanın şurasını şöyle yap, burayı böyle et gibi şeyler.
ve son olarak bu temel kodu tasarımın üzerindeki yazı bölümüne eklemen gerekmekte.
______________
Hey maan |
|
|
↑
|
|
|
-
scriptype
Bedava-Sitem Bağımlısı
|
27.09.2009, 15:08 (UTC)
Mesaj konusu: |
|
|
bu arada tüm bu javascripte ihtiyaç duymadan biraz kafayı çalıştırıp biraz da css'den faydalanıp yapmak istediğin şeyi yapmak da mümkün ama kullandığın resme bağlı. resim bi merkez üzerinden kenarlara doğru tek bir renge doğru geçiş yapıyosa mesela: arkaplan resmini o resim olarak ayarladıktan sonra pozisyonunu tam merkez olarak işaretlersin ve arkaplan rengine de o en son kenarlardaki renk neyse onu yazarsın(rengi yakalaman lazım). böylece sanki resim hiç kesilmemiş gibi olur. pek çok yabancı blog bu tekniği kullanarak senin yapmaya çalıştığına benzer bişeyler elde etmekte.
______________
Hey maan |
|
|
↑
|
|
|
-
dadava
Acemi Üye
|
27.09.2009, 17:55 (UTC)
Mesaj konusu: |
|
|
çok teşekkürler çok uğraşmışsın zahmet oldu inş. dediklerini yapabilirim |
|
|
↑
|
|
|
-
scriptype
Bedava-Sitem Bağımlısı
|
27.09.2009, 20:07 (UTC)
Mesaj konusu: |
|
|
dadava yazmış: çok teşekkürler çok uğraşmışsın zahmet oldu inş. dediklerini yapabilirim
önemli değil kişisel zevkim zaten
______________
Hey maan |
|
|
↑
|
|
|
|
