How do I make MyGaming use the whole screen, in not just the middle 50% with black bars on the left & right?
I know I got it right on mybb...but don't remember how exactly...something about changing the theme.
Printable View
How do I make MyGaming use the whole screen, in not just the middle 50% with black bars on the left & right?
I know I got it right on mybb...but don't remember how exactly...something about changing the theme.
i would not see mygaming the same without it :(
There's no stylesheet for it... You might try injecting some custom CSS into your page? I'm sure there's a browser plugin for it, similar to the ones that inject JavaScript into your page.
CTRL and + to increase page size(Zoom). Firefox now remembers the size settings per domain name, so it should only increase mygaming and not all sites across all tabs.
Zooming also increases text size, which isn't ideal. Best would be some CSS hack/mod.
...aaaaaaaaaand done!
Just install Stylebot plugin for Chrome and add a new style rule:
- Click the Stylebot button in Chrome (just an icon with the text "CSS")
- Choose "Options"
- Go to "Styles"
- Click "Add a new style..."
- Specify "mygaming.co.za" as the URL and enter the following piece of CSS in the text editor:
After you've done that, any page on MyGaming you access should make the Stylebot button turn green - i.e. a match on the domain is found. Your custom stylesheet should then be applied!Code:body {
width: 100% !important;
}
EDIT: It's not perfect - you have some slight horizontal overflow on the page, but I'm sure with enough time I can come up with a good-looking "full screen" CSS hack for MyGaming.
Nothing in that CSS that's supposed to block popups... Hmmm... I'll have to investigate a bit further. Lemme have a look after casting my vote tomorrow.
Yep I think this one is up to you...I was much surprised that I even managed to jam your code into a chrome ext & know zero about css so I can't help.
Well here is the Chrome ext + "source" I threw together...its essentially just your code without the stylebot part so it should be the same thing either way
http://s000.tinyupload.com/?file_id=...40179982981121
nb I removed the !important; in an attempt to see if that helps (thinking it might override the layer/z order or something)...didn't help.
First chrome extension that actually works :) ...despite the obvious glitch.
Nah, !important only forces it to use the style rule instead of adhering to CSS specificity. I'll have a look at the popup issue a bit later...
Ok, I loaded your extension and it seems to be working fine for me? Popups open 100%. Would you mind sending me a screenshot of what happens? Or should I rather catch you on Steam chat?
EDIT: I fiddled with the CSS a bit a came up with a nice, clean layout. Try adding this to your CSS file and see if you like it:
I had to hack the horizontal overflow a bit to let it NOT scroll, but it suffices for now. I'll see if I can pretty it up a bit at a later stage.Code:body {
width: 100% !important;
background: #ddd !important;
overflow-x: hidden;
}
body > div {
background: #ddd !important;
}
#_em_stage__em, #ad_global_below_navbar, .tborder, #header_advert, #ad_global_above_footer {
display: none !important;
}
#header + a {
position: absolute !important;
padding: 6px 5px 7px 5px !important;
background: #fff !important;
}
#header + a > img {
width: 90px !important;
}
.navbar {
position: absolute !important;
left: 105px !important;
width: auto !important;
right: 0px !important;
}
#breadcrumb {
position: absolute !important;
left: 3px !important;
top: 146px !important;
}
.body_wrapper {
padding: 30px 0 !important;
}
That version works perfectly. Thank you & job well done.
Extension & source should someone want it
http://s000.tinyupload.com/?file_id=...37447252444971
Looks perfectly fine to me?
It's still not very "pretty". It needs some cleanup, i.e. paddings, margins and so on. I've nevet been too happy with the MyG forum layout - many buttons feel too hidden and unintuitively placed.