Quantcast

Jump to content

» «
Photo

Blocking background image on Chrome

10 replies to this topic
senormidget
  • senormidget

    Basic Bitch

  • Members
  • Joined: 18 Apr 2006
  • None

#1

Posted 05 December 2013 - 11:53 AM Edited by senormidget, 05 December 2013 - 11:59 AM.

Does anybody know how I could block the background image on the Snapmatic page?

 

I browse a lot at work and it doesn't look great when a bikini clad woman is taking up two thirds of my screen.

 

Adblock for Chrome doesn't have a "list blockable items" feature like Firefox does for some reason and blocking it with filters seems to be impossible, it just keeps blocking other parts of the website.

 

I've tried looking through the source for the image file but I can't locate it so I can't add that to my blocked list.

 

Anybody got any ideas?

 

Edit: ugh, I found the image URL (http://socialclub.ro...ap-20131014.jpg) and added it to Adblock list but it still displays when I go to the webpage.


Criѕtian
  • Criѕtian

    2K14

  • $outh $ide Hoodz
  • Joined: 26 Nov 2011
  • None

#2

Posted 06 December 2013 - 09:17 PM

I'm not familiar with these, but have you tried any image blocking add-ons (like this one or this one)?


senormidget
  • senormidget

    Basic Bitch

  • Members
  • Joined: 18 Apr 2006
  • None

#3

Posted 09 December 2013 - 11:37 AM

Unfortunately those only allow you block all the images on a page, you can't select individual ones to hide. :(

 

Thanks for the response though.


OMFGSolaX
  • OMFGSolaX

    Cheese! :D

  • Members
  • Joined: 17 Nov 2013

#4

Posted 09 December 2013 - 12:10 PM

You could look for a way to disable data url's on chrome. 

 

Otherwise you won't be able to block the image from rockstar, since it's encoded.

I might update this post later, when i do have more time to look into it though.


Haro
  • Haro

    I reject your reality and substitute my own

  • Members
  • Joined: 01 Jun 2006

#5

Posted 12 December 2013 - 05:25 AM

You could get Stylish then add a style which overrides the background using CSS. Something like:

html_element_of_background_image {
    background-image: none !important;
}

Stylish is a lifesaver for fixing anoying website styles.


senormidget
  • senormidget

    Basic Bitch

  • Members
  • Joined: 18 Apr 2006
  • None

#6

Posted 12 December 2013 - 11:23 AM

You could get Stylish then add a style which overrides the background using CSS. Something like:

html_element_of_background_image {
    background-image: none !important;
}

Stylish is a lifesaver for fixing anoying website styles.

That isn't working unfortunately.  :(

 

Looking through the source there isn't any mention of the word "background".

 

There are a few instances of "bg"

 

<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script></head>
<body class="bg_gtav_photostream GTAV ">
<div id="fb-root"></div> 
    <div id="wrapper" class="bgDefault bg_gtav_photostream">
        <div id="pageWrapper">
<div id="ps_filter" class="page-section bg-alpha menuOpen">
        <div class="full-width clearfix">               
            <div id="snapmaticLogoContainer">
                <img id="snapmaticLogo" class="left" src="http://cdn.sc.rockstargames.com/images/games/GTAV/photostream/snapmaticlogo.png" alt="" />
            </div>
<div id="photostream" class="page-section bg-alpha clearfix">
<div id="masonry" class="gridRow" style="width:956px!important">
</div>
 
 

OMFGSolaX
  • OMFGSolaX

    Cheese! :D

  • Members
  • Joined: 17 Nov 2013

#7

Posted 12 December 2013 - 11:54 AM Edited by OMFGSolaX, 12 December 2013 - 11:56 AM.

You have to look through the css files.

 

Some of the images are not encoded, some are in the following format:

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

So you have to do a little research, i don't have the time sadly.

 

As mentioned above, most images are encoded with the DataURL.


Haro
  • Haro

    I reject your reality and substitute my own

  • Members
  • Joined: 01 Jun 2006

#8

Posted 13 December 2013 - 06:02 AM

In Chrome, you can press F12 to open the developer tools (or menu > Tools > Developer Tools). If you don't know much HTML/CSS, it may look pretty complicated, but if you click the little magnifying glass button in the bottom corner, you can then click on the background and it will highlight it's HTML element. Then you can see the styles for it.


senormidget
  • senormidget

    Basic Bitch

  • Members
  • Joined: 18 Apr 2006
  • None

#9

Posted 13 December 2013 - 12:26 PM

 

In Chrome, you can press F12 to open the developer tools (or menu > Tools > Developer Tools). If you don't know much HTML/CSS, it may look pretty complicated, but if you click the little magnifying glass button in the bottom corner, you can then click on the background and it will highlight it's HTML element. Then you can see the styles for it.

Sadly this doesn't work either, there seems to be a div or something overlaying the entire middle section of the page so you can't highlight the background.

dmflf8.jpg

 

You have to look through the css files.

 

Some of the images are not encoded, some are in the following format:

 

So you have to do a little research, i don't have the time sadly.

 

As mentioned above, most images are encoded with the DataURL.

I don't think I know enough about CSS and HTML (only have a little web design experience) to figure this one out so I'll just stop browsing Snapmatic at work, thanks for your help though, much appreciated.

 

Thank you to everybody else who tried to help too. :)


OMFGSolaX
  • OMFGSolaX

    Cheese! :D

  • Members
  • Joined: 17 Nov 2013

#10

Posted 13 December 2013 - 01:00 PM

seniormidget,

 

since it's weekend, i should have some time to figure out a solution.

 

I will keep you updated :)


Furry_Monkey
  • Furry_Monkey

    I completed Vice City and all I got was this lousy t-shirt

  • Members
  • Joined: 13 Nov 2013
  • None

#11

Posted 16 June 2014 - 03:17 PM Edited by Furry_Monkey, 16 June 2014 - 03:17 PM.

senormidget If you still want to sort this then using stylish (or similar) just add the following css to the page...

* {
    background-image: none !important;
}

It's a bit overkill as it removes the background image from everything, but I've not actually found anything that needs the background image.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users