Since I no longer have an Office 365 subscription I find myself occasionally using their web-based version to fetch my email. How very annoying their galley ads have been lately. They’re too animated, they change faster than you could actually read them. They’re about as obnoxious as they could be.
Since I use Safari as my favorite browser, I just wrote a custom stylesheet to deal a blow to those unwanted ads. I’ve specifically targeted the ones usually delivered by Microsoft’s online Outlook website but it could be edited to remove other content you don’t wish to see.
Safari -> Preferences -> Advanced -> Style Sheet:
Eureka! I’ve managed to totally cheat the ads and still play Agar.io on my iPad! Yesh.
For those of you following along, here are the entries that I had to create in my surrogate DNS server:
- agar.io (with A records @, www and m)
- facebook.com (with A records @, www and graph)
- amazonaws.com (with A record prod-miniclip-v3-881814867.us-west-2.elb)
- miniclippt.com (with A record mobile-live-v5-0.agario)
This allows the game to startup, authenticate via Facebook’s mechanism and to start the game. Gone are the ads in their entirety.
If you’re like me—a coder—then you’re pretty particular about which browser you use everyday and any attempts to coerce you into using a different one amounts to an annoyance.
Probably the highest on my list of try-our-browser annoyances is that dished up by Google on a daily basis.
Google Support indicates that it will stop displaying this ad if you click the small x in the corner but I have not found this to be the case. It continues to display over and over again.
And yet, I think I’ve managed to defeat Google’s advertisement pane and provide the solution here. I describe the technique for Internet Explorer but a similar fix is likely available for other browsers, too.
- Create a text file, say, in your Documents folder with a name like MY-IE-Default-Style.css
- Add the content indicated below to that file
- In Internet Explorer -> Tools -> Internet Options -> General tab -> Accessibility -> User style sheet (check the box) and Browse to find the stylesheet you just created
- Exit out of all Internet Explorer windows
- Start Internet Explorer and go to google.com, noting that the nagging panel on the right should be gone
Looks like Microsoft has updated their own style so it will be necessary to update our own to compensate.
This technique should work to hide offending DIV tags on multiple sites but you’d need to be comfortable reviewing HTML source and using Internet Explorer’s F12 functionality to inspect the offending element. Target the DIV tag that you want to hide and set its CSS style’s DISPLAY attribute to NONE as I’ve done. It helps if you understand CSS coding but this is the basic way to do it—just add more paragraphs of style data to your User style sheet and you should be set.