MyGaming full screen

H

HavocXphere

New member
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.
 
HavocXphere said:
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.
Click to expand...

Don't think it is an option here any more. Those black bars on the side are for advertising - or at least they were.
 
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.
 
TBlaar said:
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.
Click to expand...

+1 That works, and I'm on Chrome.

All other domains remain at their default zoom
 
TBlaar said:
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.
Click to expand...

blaaislaai said:
+1 That works, and I'm on Chrome.

All other domains remain at their default zoom
Click to expand...

Good trick, but it won't fix the "scrollbars on big pictures" issue which seems to be the major issue for Havoc. What I do is right-click on those and then "open image in new tab". Bit of a schlep, but it makes it viewable.
 
...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:
Code: 
body {
    width: 100% !important;
}

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!

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.
 
Last edited:
Shot. Took that CSS and threw it into a chrome extension. Which does what its supposed to.

One issue though...it blocks pop-ups now...e.g. the window to upload pic etc. Any ideas?

FarligOpptreden said:
...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:
Code: 
body {
    width: 100% !important;
}

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!

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.
Click to expand...
 
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.
 
FarligOpptreden said:
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.
Click to expand...
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=99232340179982981121

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:

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;
}

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.
 
Last edited:
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.
 
You must log in or register to reply here.
Back
Top