• 30-03-2019, 12:35:04
    #1
    herkese selamlar
    bu adreste https://demo1.leotheme.com/leo_bibom.../6-accessories sayfayı kücültünce var olan container kayboluyor bunu nasıl yapabilirim küçük boyulara geldiğinde containeri nasıl yok edebirlirim birde bu tasarımda urunun üzerine gelince sepete at ve detay cubukları var onlarda resim küçülünce onlarda hep ortada kalıyor ama benim yaptığımda kaymalar oluyor bu sorunu nasıl aşarım

    şimdiden zaman ayırıp yardımcı olan herkese teşekkürler

    resmin ve sepete at detayıb olduğu kodlar
    <div class="col-4 text-center resim">
    <img src="image/urun.jpg" class="img-fluid">
    <div class="baba">
    <div class="col-4 mx-auto text-center">
    <div class="row">
    <a href="index.php"><div class="col-6 sepet  shadow">
    <i class="fas fa-shopping-basket"></i>
                     </div></a>
        <a href="detay.php"> <div class="col-6 sepeti shadow">
    <i class="fas fa-search"></i>
                     </div></a>
    
    </div>
    </div>
    </div>
    </div>
  • 30-03-2019, 12:58:59
    #2
    Üyeliği durduruldu
    @media only screen and (max-width:480px) {
    .sepet {display:none}
    }
    Örnekteki gibi hangi çözünürlüğün altında görünmesini istemiyorsan max-witdh kısmına çözünürlüğü yazıp görünmesini istemediğin divleride display:none olarak ayarlarsan kaybolacaktır.
  • 30-03-2019, 13:13:23
    #3
    Guneyz adlı üyeden alıntı: mesajı görüntüle
    @media screen and (max-width:480px) {
    .sepet {display:none}
    }
    Örnekteki gibi hangi çözünürlüğün altında görünmesini istemiyorsan max-witdh kısmına çözünürlüğü yazıp görünmesini istemediğin divleride display:none olarak ayarlarsan kaybolacaktır.
    ilgi ve alakanızdan dolayı teşekkür ederim hocam malesef dedidiğiniz gibi yaptım bostraptaki container kaybolmadı
  • 30-03-2019, 13:17:47
    #4
    Üyeliği durduruldu
    Yanlış uygulamış olabilir misiniz hocam başka yolu yok çünkü tek yöntem bu
  • 30-03-2019, 13:32:33
    #5
    Guneyz adlı üyeden alıntı: mesajı görüntüle
    Yanlış uygulamış olabilir misiniz hocam başka yolu yok çünkü tek yöntem bu
    evet dediğiniz gibi yanlış yapmışım ama dediğim sey bu değil burda conainerin içindekilerde kayboluyor gösterdiğim sitede sadece container kayboluyodu yani bir nevi container olan class ismi container-fluid oluyor böyle bir şey istiyorum
  • 30-03-2019, 14:14:21
    #6
    Üyeliği durduruldu
    Hocam muhtemelen bahsettiğin olay jquery üzerinden yapılmıştır belli çözünürlüğün altına düştüğünde X divine Y class'ını ekle gibi bir komutla işini çözebilirsin diye düşünüyorum.
    Aşağıdaki şekilde bir örnek gösterebilirim sana bunun ile ilgili

    $( window ).resize(function() {  if($(window).width() <=1000) $('.X').addClass("Y");  else $('.X').removeClass("Y");});
  • 30-03-2019, 14:51:27
    #7
    Guneyz adlı üyeden alıntı: mesajı görüntüle
    Hocam muhtemelen bahsettiğin olay jquery üzerinden yapılmıştır belli çözünürlüğün altına düştüğünde X divine Y class'ını ekle gibi bir komutla işini çözebilirsin diye düşünüyorum.
    Aşağıdaki şekilde bir örnek gösterebilirim sana bunun ile ilgili

    $( window ).resize(function() {  if($(window).width() <=1000) $('.X').addClass("Y");  else $('.X').removeClass("Y");});
    hocam tekrardan ilgi ve alakanızdan dolayı size çok çok teşekkürlerimi sunarım gerçekten sağolun
    dediğiniz kodu yazdım oldu ama kod bozuk gibi sayfa herhangi bir kücülme durumunda çalışıyor yazni yazdığımız boyuta göre çalışmıyor ama kod çalışıyor genede teşekkürler hocam
  • 30-03-2019, 14:56:18
    #8
    Üyeliği durduruldu
    if($(window).width() <=1000

    hocam buaradaki <=1000 ibaresi 1000 pikselden küçük yada eşit siz bunu <920 yaparsanız 920 pikselden küçük olur mesela sadece kendinize göre onu düzenleyebilirsiniz.
    sadece =1000 derseniz o pikselde çalışır kod.
  • 30-03-2019, 15:57:01
    #9
    Guneyz adlı üyeden alıntı: mesajı görüntüle
    if($(window).width() <=1000

    hocam buaradaki <=1000 ibaresi 1000 pikselden küçük yada eşit siz bunu <920 yaparsanız 920 pikselden küçük olur mesela sadece kendinize göre onu düzenleyebilirsiniz.
    sadece =1000 derseniz o pikselde çalışır kod.
    biliyorum denedim 200 px yaptım 1000 pixelde bile ufak bir kücülmede kod hemen calısıyor algılama sıkıntısı var kodun yada benim tarayıcıda öyle genede ilgi ve alakanızdan dolayı tekrardan teşekkür ederim çok saolun