• Sign in to Neowin Faster!

    Create an account on Neowin to contribute and support the site.

Sign in to follow this  

'Scroll to continue with content' ad

Recommended Posts

Farchord    370

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>

 

1.PNG

Share this post


Link to post
Share on other sites
Farchord    370

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)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.