Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Off Topic _ Way of topic, intermediate HTML user. (Need help)

Posted by: CosmicPoptart Jun 14 2012, 02:06 AM

My laptop stopped working about 4 months ago.
Around the time of me learning HTML.
Well for now, I'm running off a 10.1" Netbook.
I have pulled back all my working and learning HTML until I get a decent computer.
I'm getting off Topic here, I play a game at "www.Kabam.com/edgeworld/play".
And the problem is, this is a 10.1" like I said and it's hard to see the game.
Especially with the big Website bar at the top of their page and the small one at the bottom.
I was wandering if someone could use something like Firebug (A Firefox add-on) to edit the
HTML or CSS to take those bars away as like a tiny little plugin on Firefox I could download,
that make them bars go away when getting on that site.
I would do it myself but it's hard to find stuff scrolling though HTML and CSS with a screen or laptop this big.
So could someone do this for me?

Posted by: pandy Jun 14 2012, 07:56 AM

You can always use a user style sheet. Provided you can find hooks for a selector you can make whatever disappear with 'display: none'. I think this is still the way to make it work in FF.
http://webdesign.about.com/od/css/ht/htcssuserfirefo.htm

Posted by: CosmicPoptart Jun 18 2012, 08:01 PM

QUOTE(pandy @ Jun 14 2012, 08:56 AM)

I don't quite exactly know how to do that...
Could you explain more thoroughly?

Posted by: pandy Jun 18 2012, 09:27 PM

I can try. Style sheets can come from many different sources. You know you can have several style sheets linked to your document, you can even use style sheets on other domains, you can have embedded style sheets and inline CSS. A user style sheet is used by the user and loaded in the browsers. CSS from all these sources can be used together and declarations from one source can override declarations from another. This is what's called the cascade and why CSS is called CSS, Cascading Style Sheets. Rules about specificity comes into what overrides what. But declarations in user style sheets that use !important overrides everything.
http://www.w3.org/TR/CSS2/cascade.html#cascade

If the a site have, say, a header you want to get rid of you can do that with a user style sheet. But since you can't change the HTML of the site you need to find things already there and construct a selector that targets the hateable header. If you are lucky, the site provides easy hooks for you, for example...

CODE

Then you just go ahead and use

CODE

#header { display: none !important }

in your user style sheet.

Browsers are supposed to provide an easy way to load user style sheets, but alas that's not always the case.

Posted by: CosmicPoptart Jun 20 2012, 09:39 PM

So I would just put that one single command line or code into my custom style sheet and apply that?
Nothing else to do? If so, how do I apply it to Firefox?

EDIT: How would I apply to that website only?

Posted by: Darin McGrew Jun 21 2012, 10:11 AM

QUOTE

How would I apply to that website only?

That depends on the browser. Opera makes it easy to edit a user style sheet that applies only to the current site. I'm not sure how to do it with other browsers.

Posted by: pandy Jun 23 2012, 05:40 AM

I don't know if @-moz-document still works, but I guess it does.

http://coreygilmore.com/blog/2008/10/23/per-site-custom-css-in-firefox/