bazı sitelerde, pencere boyutunu küçülttükçe, sayfa içi dinamikleri de sayfa düzenini bozmayacak kıvamda düzeliyor. böylece sağa sola kaydırma zorunluluğu da ortadan kalkıyor.

bunun tam olarak adı nedir, nasıl yapılır? tumblr üzerinde bir bloga uygulamaya çalışıyorum da, html5 üzerine hiç bir bilgim yok, merak ettim.


 

doğru anladıysam responsive olayını diyorsunuz. responsive tumblr themes/templates falan diye arayıp halihazırda responsive tasarıma sahip bi' temayı yükleseniz çok daha az uğraşırsınız aslında.

hjarteblod

HAH, responsive evet. çok ciddi zor bişi midir bu, muhtemelen başa eklenecek basit bi kod bu özelliği kazandıracak gibi geliyo, du biraz araştırayım.

bilen varsa yazsın tabii.

roket adam

her farklı boyut aralıkları için farklı css yazılması gerekiyor


@media (max-width: 480px) {

}

gibi bir yapı içinde tekrar css yazıyorsun.

yani öyle basit bir kod eklemekle olacak bir şey değil. hjarteblod'ın dediği gibi temalara yönelmeniz daha mantıklı olur.

veya bootstrap üzerinde de hazır tanımlanmış durumda onu da kullanabilirsiniz.

ocanal

"css media queries" tam olarak aradığın terim. kolayiş değil tabi, sayfa boyutuna göre özel css yazıyorsun.

harzem

(bkz: responsive web design)

ayrica, html 5 degil css 3 ozelligidir media queries.

fader

ben div boyutlarının %'li şekilde ayarlanarak yapıldığını biliyordum.

örneğin tüm div'leri içine alan div'e %90 genişlik veriyorsun.
kaplayan divin yarısını kaplayacak olan div'e %50 genişlik veriyorsun.

falan filan bu şekilde kodluyorsun. ama bununla da kalmıyor, çünkü her şeyi %'li yaparsan, çok küçük ekranlarda bazı divlerinin içindeki yazı bile okunmaz. dolayısıyla çeşitli çözünürlüklere göre bazı divlerini yok ediyorsun 'çözünürlük böyleyse yok ol' gibi.

çok uzun bir süreç. hatta bence 0'dan kodlamayı öğrenmek kadar zor bir iş.

kamera motor
1

mobil görünümden çık