Yeni Kayıt
Konudaki Resimler
|
Hızlı 
Bildirim
slider ölçeklendirme sorunu
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
3 Misafir - 3 Masaüstü
Giriş
Mesaj
-
-
gurolkarakaya
G
kullanıcısına yanıt
Aslında temanın mobil sürümünde bir sıkıntı yok.Tema kodlanırken, slider fotoğraflarını değişik çözünürlüklere göre yeniden boyutlandırmak yerine kırpma yolunu seçmişler.Bu yüzden de mobilde Fotoğraflar sanki zoom yapılmış gibi görünüyor.Bunu aşmak için css media screen metodunu araştırmalısınız.Böylelikle Fotoğraflar sizin belirlemiş olduğunuz çözünürlüklerde tam boyut olarak gözükecektir.
< Bu ileti mobil sürüm kullanılarak atıldı > -
moliver çok teşekkür ederim. bahsettiğin konuları inceledim ancak beni aştığını gördüm. tam olarak nereyi nasıl değiştireceğimi bilsem ancak yapabilirdim. yinede sağol -
aslına bakarsanız sorun sliderle birlikte anasayfadaki projeler, haberler gibi tüm resimlerde mevcut. mobilden bakarken resmi daraltıyor ve zevksiz bir hale getiriyor. erleryapi.com.tr
< Bu mesaj bu kişi tarafından değiştirildi gurolkarakaya -- 29 Ekim 2015; 0:28:35 > -
gurolkarakaya
G
kullanıcısına yanıt
Şimdi tekrar baktım, Dediğiniz gibi bütün resimlere uygulanmış.Bu durumda dediğim metodu yapmak yerine temanın Kodlarını inceleyerek ilgili kodu bulmak.Eğer kodlama bilginiz hiç yoksa size bir örnek ile media kullanımının mantığını anlatmaya çalışayım.
Örneğin benim sitemde bir Resimin olsun;
<div class="resim">
<img src="resimim.png" />
</div>
Bu class için birde style kodları yazmam gerekiyor;
.resim img { width:500px; height:500px }
Burada ben hangi çözünürlükte sitem açılırsa açılsın, resmimin 500x500px boyutunda görünmesini istedim.Şimdi, yüksek çözünürlüklerde böyle bir sorun olmazken düşük çözünürlüklerde sitem tam ekran gözükmeyecek ve altta bir kaydırma çubuğu çıkacaktır.Biz bunu önlemek için media metoduna başvuracağız. (Aslında bu Yöntem eski zamanlarda Çokça kullanılıyordu fakat yeni Kütüphaneler ile birlikte gerek kalmadı diyemem ama az başvuruluyor. bknz:Boostrap)
Öncelikle kodumuzun devreye gireceği çözünürlüğü belirliyoruz;
@media only screen and (max-device-width: 480px) { kodlar buraya }
sonra daha, önceden yazdığımız style Kodlarını bu belirlediğimiz çözünürlüğe geldiğinde nasıl görünmesini istediğimiz şekilde tekrar yazıyoruz.
@media only screen and (max-device-width: 480px) {
.resim img { width:100%; height:150px;}
}
Evet burada ne yaptık.Çözünürlük 480px olduğu takdirde sitedeki resim Genişliğini tam yapıp, yüksekliğini 150px yapmasını sağladık.
Umarım anlatabilmişimdir, telefondan Yazdığım için Yazım hatalarım olabilir.Son olarak bu yönteme başvurmadan önce temanda hangi kodun neyi etkilediğini incelemeni öneririm.Hiç olmadı, ya başka bir responsive tema kullan yada yaptır.
< Bu ileti mobil sürüm kullanılarak atıldı >
-
çok teşekkür ederim, detayıyla anlatmışsın, internette anlatılanlardan daha güzel olmuş. ben de artık halledebilirim diye düşünüyorum :) sağolasın -
gurolkarakaya
G
kullanıcısına yanıt
Rica ederim, kolay gelsin.
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
