Farchord Posted January 22, 2019 Share Posted January 22, 2019 I thought I'd let you guys know of this ad, it seems to be using some kind of parallax effect and almost takeover the website's layout. Here's the code from the chrome inspector if it helps: <div id="google_ads_iframe_/4585/ns.neowin.net/general_2__container__" style="border: 0pt none; margin: auto; text-align: center;"><iframe id="google_ads_iframe_/4585/ns.neowin.net/general_2" title="3rd party ad content" name="google_ads_iframe_/4585/ns.neowin.net/general_2" width="300" height="250" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" srcdoc="" style="border: 0px; vertical-align: bottom; display: none;" data-google-container-id="3" data-load-complete="true" data-integralas-id-35ec40e3-aa01-cf50-fbf4-12d82894a384=""></iframe><div class="celtra-ad-host" style="position: relative; z-index: 0; min-height: 667px;"><div style="overflow: hidden; display: block; background: rgb(157, 35, 125); width: 2195px; height: 667px; position: absolute; left: -1309.44px; right: auto; top: 0px; bottom: auto;"><div class="celtra-advertisement-message" style="background: rgb(0, 0, 0); color: rgb(255, 255, 255); position: absolute; z-index: 4; top: 0px; left: 0px; right: 0px; width: auto; margin: 0px; padding: 5px; text-align: center; text-transform: uppercase; font: 10px/10px Helvetica, Arial, sans-serif; box-shadow: black 0px 1px 10px;">Advertisement</div> <div class="celtra-clipper" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; clip-path: inset(0px); clip: rect(0px, auto, auto, 0px);"><div class="celtra-content" style="position: fixed; top: auto; left: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; bottom: 0px; transform: translateZ(0px);"><div style="overflow: hidden; display: block; width: 2195px; height: 667px; position: absolute; left: 0px; right: auto; top: 0px; bottom: auto;"><iframe frameborder="0" scrolling="no" allowfullscreen="" width="2195" height="667" style="border: 0px; display: block; width: 2195px; height: 667px;"></iframe></div></div></div> <div class="celtra-scroll-message" style="background: rgb(0, 0, 0); color: rgb(255, 255, 255); position: absolute; z-index: 3; bottom: 0px; left: 0px; right: 0px; width: auto; margin: 0px; padding: 5px; text-align: center; text-transform: uppercase; font: 10px/10px Helvetica, Arial, sans-serif; box-shadow: black 0px -1px 10px;">Scroll to continue with content</div></div></div></div> Link to comment Share on other sites More sharing options...
Farchord Posted January 22, 2019 Author Share Posted January 22, 2019 Btw when you scroll down, the ad becomes as big as the website's viewpoint, until you scroll more and the remainder of the website shows below. I think it might actually mask comments (If there were any in this specific page) Link to comment Share on other sites More sharing options...
Recommended Posts