Jump to content

Blocking background image on Chrome


Recommended Posts

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.rockstargames.com/images/backgrounds/GTAV/snap-20131014.jpg) and added it to Adblock list but it still displays when I go to the webpage.

Edited by senormidget
Link to comment
https://gtaforums.com/topic/658770-blocking-background-image-on-chrome/
Share on other sites

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.

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.

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>

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.

Edited by OMFGSolaX

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.

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. :)

  • 6 months later...
Furry_Monkey

@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.

Edited by Furry_Monkey
  • 5 months later...

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.rockstargames.com/images/backgrounds/GTAV/snap-20131014.jpg) and added it to Adblock list but it still displays when I go to the webpage.

 

Use Inspect Element to remove the background image, unfortunately that will need to be done on each page refresh.

 

If you click the Body element you should see the background set in the CSS list, tick the checkbox next to that.

Edited by TenEightyOne
  • 0 User Currently Viewing
    0 members, 0 Anonymous, 0 Guests

×
×
  • Create New...

Important Information

By using GTAForums.com, you agree to our Terms of Use and Privacy Policy.