slider ölçeklendirme sorunu

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar slider ölçeklendirme sorunu

Bu konudaki kullanıcılar: 1 misafir

6
Cevap 759
Tıklama 0
Öne Çıkarma

1. sayfa

slider ölçeklendirme sorunu

Cevap Yaz

gurolkarakaya

10 yıl (8 mesaj)

Konu Sahibi

Arkadaşlarım bir yakınım için tema satın alarak web sitesi oluşturdum. erleryapi com tr . Sözde mobil uyumlu olmasından dolayı cepten sayfayı açarken slider fotoğraflarını ortadan alıyor kenarlarını göstermiyor. bu sorunu nasıl aşabilirim. yardımlarınız için şimdiden teşekkürler.

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

MOLİVER

10 yıl (804 mesaj)

Yüzbaşı

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

Bu mesajda bahsedilenler: @gurolkarakaya

gurolkarakaya

10 yıl (8 mesaj)

Konu Sahibi

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

Bu mesaja 2 cevap geldi.

Bu mesajda bahsedilenler: @MOLİVER

gurolkarakaya

10 yıl (8 mesaj)

Konu Sahibi

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 >

MOLİVER

10 yıl (804 mesaj)

Yüzbaşı

Ş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ı > Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @gurolkarakaya

gurolkarakaya

10 yıl (8 mesaj)

Konu Sahibi

ç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

Bu mesaja 1 cevap geldi.

MOLİVER

10 yıl (804 mesaj)

Yüzbaşı

Rica ederim, kolay gelsin.

Bu mesajda bahsedilenler: @gurolkarakaya

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar slider ölçeklendirme sorunu