Farklı Çözünürlükler.

06-12-2009, 01:00:24

Merhaba arkadaşlar bugun bir arkadaşım bana sitesinde farklı çözünürlükleri nası koyacağını sordu bende hemen buraya gelip sizlere soruyorum. Arkadaş şimdi 800x600 ve 1024x768 olmak üzere iki farklı çözünürlükte sitesini ayarlamak istiyor. Ne demek istedim şöyle anlatyımki ayrıntılı olarak; sitei normal table'lerle yaptı solda menu bar vs.. şimdi o soldaki menu bara 800x600 / 1024x768 linklerini koyacak ve adam ona tıkladığnda içeirklerin bulunduğu tablo 800x600 olarak hemen ayarlancak ve içerik tablosu 800x600 olarak ayarlanacak. Böyle birşey tahminim css ile olur diye konuyu buraya açtım, başka bir şeyin konusu ise kusura bakmayın.

yardımcı olabilirseniz sevinirim

06-12-2009, 02:07:27

#2

~~erbilen~~

Üyeliği durduruldu

sen her çözünürlükte boyutunu ayarlamak istiyorsan eğer % kullanacaksın genişliklerde ancak buda pencere küçüldükçe tasarım kayacak demektir. O yüzden sana önerim standart 960px kullan genişlik olarak.

06-12-2009, 10:09:32

#3

Berkt

Tasarım kaysın onemli değil. Öyle bi yapayımda gerisine bakarım. Standart istemiyorum yani.

06-12-2009, 10:16:24

#4

~~ghostdesigner~~

Üyeliği durduruldu

.degisken { width:100%; height:200px; background:çingenepink; }

06-12-2009, 10:39:05

#5

Berkt

Tamam o css kodunu bende yaptımda benim merak ettiğim, istediğim çözünürlüğe tıklayınca sayfa ona göre ayarlanacak onu nasıl yapıcam.

06-12-2009, 15:05:12

#6

faintermann

2 ayrı css dosyası hazırla.Bu css kodlarının hepsi aynı olsun fakat;

1.css'de width:1024px , 2.css'de width:1280px olsun .Bu arada diğer genişlikleri % olarak kullan.

Sonra 2 index dosyası hazırla bunlarda <link rel="sytlesheet"...... href="css1.css"> ve <link rel="sytlesheet"...... href="css2.css"> kodlarını kullan 1.indexin adı index1024.html 2.indexin adı index1280.html olsun.Daha sonra da kullanıcıya ilk girişte bu indexler arasında secim yaptır.

Böylelikle dediğini yapmış olursun

06-12-2009, 15:22:11

#7

Berkt

peki bunu script kullanarak yapamazmıyız ?

06-12-2009, 19:59:24

#8

~~JustGo~~

Üyeliği durduruldu

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

peki bunu script kullanarak yapamazmıyız ?

jquery'nin removeClass() addClass() özelliği ile yapabilirsin.Mantık olarak vereyim kodları kendin araştırıp öğren.

siteni normal olarak kodla css ile fakat tablolara genişlik belirtme.
html kısmını kodlarkende tablonun mesela class="normal" birde 800x600 çözünürlük için bir class belirledin adıda sekizyuz olsun.default olarak hangi çözünürlükte çalışmak istiyorsan tablolarını şu şekilde düzenle.

<a href="#">Çözünürlük değiştir</a>
<table id="reklamAlani" class="normal sekizyuz">
</table>

daha sonra jquery kütüphanesi kullanarak addClass removeClass fonksiyonları ile link e tıklandığında sınıfı silip diğer sınıfı ekleyerek değiştirebilirsin.

$("document").ready(function(){

$("a").click(function(){

$("#reklamAlani").removeClass("sekizyuz");
$("#reklamAlani").addClass("binyirmidort");

});

});

gibi yapabilirsin ama kodlar çalışır çalışmaz bilemem aklıma geleni yazdım sadece ayrıca ekran çözünürlüğünü bulup javascript ile ona göre css dosyası çalıştırabilir yada flexible bir tasarım yapıp her çözünürlükte çözünürlük kadar ekranı doldurtabilir yada server side programlama dillerinden birini seçip ekran çözünürlüğünü alarak ona göre yazdığın stil dosyanı çağırabilirsin.Sadece uygulayabilmen önemli.