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

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

यह बॉक्स है।

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

.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>
3
user5563999 15 नवम्बर 2015, 14:50

2 जवाब

सबसे बढ़िया उत्तर

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

<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

इसके बजाय इस 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