विज्ञापन के तहत "विज्ञापन को अक्षम करें" छवि दिखा रहा है

Question

मैं इसे बनाने की कोशिश कर रहा हूं ताकि यदि आपने एडब्लॉक सक्षम किया है तो मेरी वेबसाइट पर विज्ञापन बैनर के पीछे एक छवि दिखाई देगी जो कहती है " कृपया एडब्लॉक को अक्षम करने पर विचार करें "।

कैसे कभी यह सिर्फ सीमा के साथ एक बॉक्स के रूप में दिखाता है।

यह बॉक्स है।

यहाँ मेरा कोड है

.banner {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
padding: 5px 0px;
width: 750px;
max-width: 100%;
padding: 10px;
height: 90x;
min-height: 90px;
/* Disable Adblock Banner. */
background-image: url("http://i.imgur.com/dUEUcJY.png");
border: 1px solid #191919;

}

और यहाँ मेरा HTML है।

<div class="banner">
  <center>

    <!-- Some Ad Content Here -->

  </center>
</div>

html css

3

user5563999 15 नवम्बर 2015, 14:50

Answer 1

इसे प्राप्त करने के लिए आप जावास्क्रिप्ट का भी उपयोग कर सकते हैं।

<script>



$(document).ready(function(){

    setTimeout("checkAds();", 1000);

});



function checkAds() {

    if ($(".adsense").height() == "0") {

            $(".adsense").after("<div style='text-align: center; padding:     10px;'>Looks like you've enabled <strong>AdBlock</strong>. It's cool, we get it. Ads can be annoying for sure, but they help keep the free music flowing.</div>");

    }

}

</script>

फिर <div class="adsense"></div> के साथ अपने विज्ञापनों को लपेटें, जिसे आप चाहते हैं उसे बदल दें

0

Slacks. 16 पद 2015, 19:25

Answer 2

इसके बजाय इस CSS का उपयोग करने का प्रयास करें:

.banner {
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0px;
  width: 750px;
  max-width: 100%;
  padding: 0;
  height: 90x;
  min-height: 90px;
  background-image: url("http://i.imgur.com/dUEUcJY.png");
}

<div class="banner"></div>

3

Tieson T. 15 नवम्बर 2015, 18:38

विज्ञापन के तहत "विज्ञापन को अक्षम करें" छवि दिखा रहा है

2 जवाब

संबंधित सवाल

नए सवाल