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.
Don't think it is an option here any more. Those black bars on the side are for advertising - or at least they were.Quote:
Originally Posted by HavocXphere
i would not see mygaming the same without it :(
You mean with the big pic in the image thread cut off?Quote:
Originally Posted by Roomys
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.
+1 That works, and I'm on Chrome.Quote:
Originally Posted by TBlaar
All other domains remain at their default zoom
Quote:
Originally Posted by TBlaar
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.Quote:
Originally Posted by blaaislaai
Zooming also increases text size, which isn't ideal. Best would be some CSS hack/mod.
Lol yeah, Havoc never said he was going blind.Quote:
Originally Posted by FarligOpptreden
...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.
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?
Quote:
Originally Posted by FarligOpptreden
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.Quote:
Originally Posted by FarligOpptreden
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?Quote:
Originally Posted by FarligOpptreden
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.