Weird blue gradient background and clouds breaking the site

By Steven P.
in Site & Forum Issues

 Share

Recommended Posts

Grand Master

Steven P. Administrators

Posted
  • Administrators
Posted

Hi all,

 

We are aware of an ad that is breaking the site (we've already disabled two campaigns that use it) but apparently at least one more is still using that ad which breaks the site.

 

What happens is that you will get a blue gradient background, and pictures of clouds will appear throughout the site (on the main page). I need you to inspect the element of the ad in Firebug or browser dev tools and paste it in here please using the bbcode code button.

 

I have already reported another instance of it last night, but my advertiser says he needs the identifier of the ad company running the ad.

 

If you do not know how to use dev tools to inspect an element, don't worry I'm sure someone else will help me :)

 

A screenshot and code of the element is preferred, you can also paste the code into pastebin if you like as well.

 

Thanks in advance, lets get these broke ads removed!

 

If any guests are reading this and know how to inspect the page element of the bad ad, I would appreciate it if you register to post a reply here, the quicker we get it removed, all the better :)

  • KeeperOfThePizza
  • Like 1
Link to comment
Share on other sites
Grand Master

Steven P. Administrators

Posted
  • Author
  • Administrators
Posted

Wish I saw this earlier. I just recently made a topic. If you guys can delete that topic that'd be great.

We have updated the site that should fix this issue, can you let me know if the ad shows again and displays properly by responding here?

Link to comment
Share on other sites
Grand Master

KeeperOfThePizza

Posted
Posted

We have updated the site that should fix this issue, can you let me know if the ad shows again and displays properly by responding here?

 

Still acting weird. I've tried wiping history and cookies, etc. Strangest thing is that it only does this in the stock browser and mobile chrome, Firework however works fine.

 

5StMMTm.jpg

Link to comment
Share on other sites
Grand Master

KeeperOfThePizza

Posted
Posted

Hmm the site was updated like 5mins ago, maybe the stock browser is using the old cache still?

Still the same. Cleared everything twice. My only other guess is maybe it's the LG G3s stock browser. Chrome renders it's fine but the text is all black, Firefox is the same, however combined with adblock(i don't normally use adblock) it renders perfect, so it's definitely a advertisement issue still.

 

 

Chrome: http://i.imgur.com/RKqFoht.jpg

Firefox: http://i.imgur.com/t6jYppc.jpg

Link to comment
Share on other sites
Veteran

greenwizard88

Posted
Posted

Sure. Even after clearing my cookies, it's literally the only ad I see. On every browser, on every machine.

 

Just let me know what you need.

 

P.S. I do web development at work, I don't have a cache. Ever. :p

post-83579-0-19086800-1409156911.png

Link to comment
Share on other sites
Veteran

greenwizard88

Posted
Posted

I can't tell.

 

I went through the inspector, but I only see the one orion.min.css file. The offending line of css code appears in neowin.net:2, which I assume means line 2...

 

I'll poke around in Firefox now.

post-83579-0-15522700-1409159334.png

  • Nashy and Hum
  • Like 2
Link to comment
Share on other sites
Veteran

greenwizard88

Posted
Posted

Sorry, I'm in idiot. It does make it blue.

 

 

According to this, it is inline css on line 725. Clicking on the line number shows the following source:

.container {
    background: -moz-linear-gradient(center top , #315d8c, #84aace) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #3b599e;
    overflow: hidden;
}
.cloud {
    color: #fff;
    font: 100%/0 "Times New Roman",Times,serif;
    position: relative;
    text-shadow: 0 0 10px #fff;
}

Line 725 is this: 

<noscript><a href="http://ad5.netshelter.net/jump/ns.neowin.net/homepage;ppos=atf;kw=;tile=1;sz=728x90,970x90,970x250;ord=123456789?" target="_blank" ><img src="https://ad5.netshelter.net/ad/ns.neowin.net/homepage;ppos=atf;kw=;tile=1;sz=728x90,970x90,970x250;ord=123456789?" border="0" alt="" /></a></noscript>

The full code block is: 

<div class="header-banner">
    <div class="container">

      <span class="header-banner-advertising">
        			
				<script type="text/javascript">
//<![CDATA[
ord = window.ord || Math.floor(Math.random()*1E16);
document.write('<script type="text/javascript" src="https://ad5.netshelter.net/adj/ns.neowin.net/homepage;ppos=atf;kw=;tile=1;dcopt=ist;sz=728x90,970x90,970x250;ord=' + ord + '?"><\/script>');
//]]>
</script>
<noscript><a href="http://ad5.netshelter.net/jump/ns.neowin.net/homepage;ppos=atf;kw=;tile=1;sz=728x90,970x90,970x250;ord=123456789?" target="_blank" ><img src="https://ad5.netshelter.net/ad/ns.neowin.net/homepage;ppos=atf;kw=;tile=1;sz=728x90,970x90,970x250;ord=123456789?" border="0" alt="" /></a></noscript>
			
      </span>

    </div>
  </div>
Link to comment
Share on other sites
Experienced

winlonghorn

Posted
Posted

I just ran across the issue you mentioned. The code for the ad element is:

<div style="position: relative; top: 160px; left: 70px;"><script type="text/javascript">cloud();</script><div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div><div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div><div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div><div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div></div>
Link to comment
Share on other sites
Experienced

winlonghorn

Posted
Posted

Damn ads, looks like I need to rename one of the most used classes to get around this. Will look into this tonight.

 

Wow, it figures it would be something that would be time consuming. That is how it seems to work. lol. Although, that does mean job security for developers like you and I! :) Thank you for your efforts in working to get the site working properly. I appreciate it!

Link to comment
Share on other sites
Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

Damn ads, looks like I need to rename one of the most used classes to get around this. Will look into this tonight.

i'm guessing there's no "find & replace all" command is there? it's never that easy :p

Link to comment
Share on other sites
Veteran

rfirth

Posted
Posted

The site always looks correct for me in IE11 on Win8.1, but always looks terrible with gradients and clouds on Chrome on Win8.1...

 

But I haven't cleared cookies or cache. So it could just be a coincidence if nobody else is seeing that.

Link to comment
Share on other sites
Grand Master

MikeChipshop Member

Posted
  • Member
Posted

Damn ads, looks like I need to rename one of the most used classes to get around this. Will look into this tonight.

 

 

Come on Tinman, you know better than not to prefix your classes squire! I jest of course, why the ad company doesn't prefix their classes i have no idea!

 

I've done a lot of work with the BBC, Expedia, Lonely Planet etc in the past (web dev) and those guys are a bastard for injecting scripts with common ID's and classes. So i learnt very early on to prefix everything due to their lazyness.

Link to comment
Share on other sites
Grand Master

zhangm Supervisor

Posted
  • Supervisor
Posted

Come on Tinman, you know better than not to prefix your classes squire! I jest of course, why the ad company doesn't prefix their classes i have no idea!

 

Yeah. Tell the ad companies to change their class names. :P

Link to comment
Share on other sites
Grand Master

MikeChipshop Member

Posted
  • Member
Posted

Yeah. Tell the ad companies to change their class names. :p

 

I mainly use 'Buy Sell Ads'. They prefix every ID and Class with 'bsap_',  I find that most decent ad companies prefix, who supplies the Neowin ads?

 

Tinman, is it possible for you to use either !important or a more specific CSS declaration to overrule the possible dodgy CSS from bad ads? 

Something like...

 

.header-banner-advertising .container {}

 

? Just a thought.

Link to comment
Share on other sites
Grand Master

Timan Veteran

Posted
  • Veteran
Posted

I mainly use 'Buy Sell Ads'. They prefix every ID and Class with 'bsap_',  I find that most decent ad companies prefix, who supplies the Neowin ads?

 

Tinman, is it possible for you to use either !important or a more specific CSS declaration to overrule the possible dodgy CSS from bad ads? 

Something like...

.header-banner-advertising .container {}

? Just a thought.

 

Ya, not that easy. I just need to rename that class. Since that ad styles .container, and not just the banner one.

Link to comment
Share on other sites
Grand Master

MikeChipshop Member

Posted
  • Member
Posted

Ya, not that easy. I just need to rename that class. Since that ad styles .container, and not just the banner one.

 

Duh! Of course, i was looking at it back to front. I'd say back to my day job... but it is my day job! :o

Keep this between us ok ;)

Link to comment
Share on other sites
Experienced

winlonghorn

Posted
Posted

Duh! Of course, i was looking at it back to front. I'd say back to my day job... but it is my day job! :o

Keep this between us ok ;)

 

lol that is a good sign that we are most of the way through the week at least! :) I won't tell if you and Timan won't! 

  • MikeChipshop
  • Like 1
Link to comment
Share on other sites
Grand Master

MikeChipshop Member

Posted
  • Member
Posted

lol that is a good sign that we are most of the way through the week at least! :) I won't tell if you and Timan won't! 

 

Haha yeah, it's a deal ;)

Link to comment
Share on other sites
Neowinian

msimon

Posted
Posted

I tried this at work, and I'm seeing the same thing on the front page:

Windows 7 - Chrome 37: blue background that makes the gray letters impossible to read

Windows 7 - IE10: renders with white background and the ads display, site legible

 

Same as I see at home using Windows 8.1 (although there with IE11)

Link to comment
Share on other sites
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.