• 13-09-2015, 21:14:49
    #1
    Merhabalar, wordpress sitede responsive bir temada sağ-sol kayan banner reklam kodu kullanıyorum fakat mobilde de göründüğü için ekranın büyük çoğunluğunu kapattığı için sorun teşkil ediyor.

    <style type="text/css">
    
    #sticky 
    {
        position:fixed;
        top:5px;
        right:5px;
        width:160px;
        height:600px;
        border:1px solid #000000;
        background-color:#FFFFFF;
    }
    
    </style>
    <script language="javascript" type="text/javascript">
    
        document.write('<div id="sticky"><a target="_blank" href="http://siteadresi .com/?utm_source=matgeomygs&amp;utm_medium=matgeo" title="doping hafıza"><img src="resim url" alt="Reklam ver" height="600" width="160"></a></div>');
    
    </script>
    Yardımcı olursanız sevinirim.
  • 13-09-2015, 23:17:43
    #2
    Üyeliği durduruldu
    CSS bölümüne aşağıdaki kodu ekleyin.

    @media (max-width:750px){
    #sticky {display:none;}
    }

    Burada 750px boyutunu kendinize değiştirebilirsiniz.
  • 14-09-2015, 14:48:54
    #3
    Hocam bu kodu buldum fakat bu kodlarin arasina ekledim çalışmadı. Style.css dosyasına felan mi ekleyecez?
  • 14-09-2015, 17:16:22
    #4
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Site adresinizi gönderirseniz yardımcı olmaya çalışayım.
  • 15-09-2015, 00:16:55
    #5
    Yukarıdaki arkadaşın söylediği sistem doğru hocam. Sitedeki reklam 1366px in altına düştüğü zaman içeriğin üzerine binmeye başlıyor ve sıkıntı çıkarıyor bunu çözmek için ;

    wp-content/themes/hueman/style.css

    dosyanızın en altına aşağıdaki kodu ekleyin.

    @media screen and (max-width: 1366px) {
    	#sticky{
    		display:none !important;
    	}
    }
    Style.css dosyanızda bu kısıma denk geliyor ;



    Yukarıdaki kodun çalışma şekli tarayıcı penceresinin width(en) kısmı 1366px 'in altına inince reklamınızı gizlemenize yarıyor. Buradaki px ile istediğiniz sınırda reklamınızı gizleyebilirsiniz. En oluru 1366px olduğu için sınırı o şekilde belirledim.

    Deneyip haber edersiniz sıkıntı çıkarsa tekrar bakarız.

    Kolay gelsin.
  • 15-09-2015, 12:09:31
    #6
    Denedim hocam. Çok iyi oldu. Siteyi biraz daralttım 1024 altına inince görünmesin dedim.
    Çok teşekkür ederim.
  • 15-09-2015, 12:11:22
    #7
    Üyeliği durduruldu
    Mehemmet adlı üyeden alıntı: mesajı görüntüle
    Denedim hocam. Çok iyi oldu. Siteyi biraz daralttım 1024 altına inince görünmesin dedim.
    Çok teşekkür ederim.
    Bu taktik son seri telefonlarda çalışmayabilir ama. Header'da işletim sistemi detect edip oradan css engeli koymak daha sağlıklı olacaktır.
  • 15-09-2015, 12:14:10
    #8
    okadarını bilsem dediğiniz gibi daha sağlıklı olur ama tema responsive olduğu için sanıyorum iş görür. Yinede farklı telefonlar üzerinden de bir deneme yapmak lazım.
  • 22-04-2017, 10:19:17
    #9
    Teşekkkürler işe yaradı