• Loading Screen
    10 replies, posted
Im currently in the process of making a loading screen, it currently looks like this - [url]http://prntscr.com/ca695l[/url] However when I test it in game it looks like this [url]http://prnt.sc/ca3o91[/url] I am using bootstrap for the framework and grid system along with a few other things. When I specifically put <style> .col-sm-4 { width: 33%; display: inline-block} it kind of worked and looked like this - [url]http://prntscr.com/ca3ol5[/url] normally bootstrap uses float: left; for their grid system but gmod doesnt like it. I was able to do a lot of hacking and got it to turn out ok but there is one error that I cant figure out. When either cycler on the left or right has more than one line it pushes the other panels down as you can see here in this gif [url]https://gyazo.com/9ce872d3294858c1e2439dcc52f1dfdf[/url] I could probably fix this but due to the nature of it only occurring in gmod there is no inspect element or something similar that I could do to live test this. I'm not sure why gmod wont display the webpage as is, as well soundcloud support works on the website, but in gmod it won't. Wasnt sure which is the right section posted it in 2.
I have 0 experience with gmod loading screens what so ever so this could be worth nothing, but judging by the second screenie it looks like you might need a static max-width on the body or whatever container you've got your columns in. Alternatively you could make it semi or fully static, which I reckon would both look and function better. Might want to also pastebin your code.
So I have it narrowed down to this [url]https://gyazo.com/9ce872d3294858c1e2439dcc52f1dfdf[/url] as being the only problem. I was able to hack and get it to this state.
Hard to tell you what's wrong without seeing the code.
Well theres nothing wrong with it in any browser. Firefox Chrome Internet Explorer Opera but in gmod it fucks up. I can give you the source over steam.
[QUOTE=Footsies;50949527]Well theres nothing wrong with it in any browser. Firefox Chrome Internet Explorer Opera but in gmod it fucks up. I can give you the source over steam.[/QUOTE] Just post the code, no-one's going to steal a bootstrap page that can be made in 5 minutes.
[QUOTE=SataniX;50950633]Just post the code, no-one's going to steal a bootstrap page that can be made in 5 minutes.[/QUOTE] [url]l[/url] there a good amount of hacks in it to get it how it is in gmod.
You've got more problems than you think, namely with resizing and overflow on smaller viewports. [url]http://chry.me/footsies/viewports/[/url] Don't think that is something to disregard when you're dealing with a loading screen. I think bootstrap is well overkill for this, easiest way to do this to keep aspect ratios and support all kinds of resolutions would be to work with static elements and fallbacks with @media screen for lower resolutions and 4:3. [url]http://chry.me/footsies/[/url] Though I reckon if you just get rid of your "lol hacks" and set some max-widths and heights for the body it would probably work just fine since that's what it looks like the problem was in the first place.
Trust me I have tried to do it without these hacks and when I do so gmod fucks it up horrendously. I didnt really worry about scaling because gmod isnt going to be viewed on small screens, ill fix that up though. Ive tried a lot of different fixes and none of them worked other than what I have now. I would ask you to try it on a gmod server and let me know the issue of having the 2 panels being pushed down might be.
Why use a responsive framework if you don't care about responsiveness? Sounds very redundant to me. I tried replicating the problem but with no success, good luck getting it fixed though. What I don't get is why you're trying to make something very simple in unnecessarily redundant and complex ways. You could achieve pretty much the exact same result that is easier to work with and functions better by simplifying ( [url]http://chry.me/footsies/[/url] ). It would also not look like dogshit for people who happen to be using a different resolution.
Using your advice I was able to get it working. Thanks a ton! I was just overcomplicating everything haha.
Sorry, you need to Log In to post a reply to this thread.