00:00
00:00
Newgrounds Background Image Theme

apollonx just joined the crew!

We need you on the team, too.

Support Newgrounds and get tons of perks for just $2.99!

Create a Free Account and then..

Become a Supporter!

The Flash 'Reg' Lounge

3,046,721 Views | 60,186 Replies
New Topic Respond to this Topic

Response to The Flash 'Reg' Lounge 2014-02-12 18:40:18


At 2/12/14 02:10 PM, PestoForce wrote: Also, on mobile, the pink header bar and green footer bar don't go all the way across the page...

Well it was a simple fix. You just need to add overflow: hidden to the "topofPage" CSS definition. However, there's also the problem that the layout was not designed for mobile, so it's too wide. If you want it to look proper on both desktops and mobile devices then you'll need to detect when a mobile device is viewing the page, and serve a CSS file that sets a different width for the content. A 900 pixel width seems to work good; I tested it here. I also wasn't aware you wanted this to work on mobile, so you'll need to tweak the HTML slightly if you want to change how the links to games appear, which should only be done for the page that is displayed for mobile. I recommend making two entirely different templates for both desktop and mobile (and if you're not using templates you should be).

I also just noticed that you did this:

<div class="topOfPageInner"> <span>&nbsp;</span>

I can tell you did that because you wanted to change the alignment of your slogan, but that's not a good way to do it. If you want to change how far "right" the slogan is relative to the logo just go into the CSS and change this line in the ".slogan" definition:

padding: 19px 0 0 12px;

The 12px part is the space between the logo and slogan. Just make that number larger if you want more space.

Response to The Flash 'Reg' Lounge 2014-02-12 19:13:52


At 2/12/14 06:40 PM, Diki wrote:

Ok, I think I did everything, the contact page is fixed, but the bars still don't go all the way to the right edge on mobile (basically hiding the social links cuz they're on white bg).

I'm fine with not having a custom page for mobile as long as it displays similarly to the normal browser version.

Basically, I don't expect many mobile visits, but I don't want it to look broken on mobile.

Response to The Flash 'Reg' Lounge 2014-02-12 21:10:50


At 2/12/14 07:13 PM, PestoForce wrote: Ok, I think I did everything, the contact page is fixed, but the bars still don't go all the way to the right edge on mobile (basically hiding the social links cuz they're on white bg).

It's because the content is pushing the the page width further than mobile devices can display, and the header doesn't depend on that width so it doesn't expand to that width. The simplest solution for now will be to serve a CSS file for mobile devices after the pf.css file that contains this:

.topOfPageInner { width: 900px; } .content{ width: 100%; } .contentBodyRow { margin: 0; text-align: center; }

That will resize everything to fit on mobile devices. Here is an example of that, which will look a bit goofy if you view it on desktop. There is definitely a way to make the header stretch to the full width of the page even if its pushed too far by content, but off the top of my head I can't remember how, but I'll play around with the HTML/CSS and get back to you when I figure it out.

And if you would like to have the "recent games" and "popular games" indented from the left just add this:

.contentName { margin-left: 12px; }

Where the 12 pixels is however much you want it to be indented.

Also, I made a slight mistake when I originally wrote the HTML and I apologise for that. You don't need a new <ul> element for every row of games since the fixed width of the container will automatically create a new row. You only need one for each separate "block" of game types (i.e. the recent games and popular games). If you view the HTML source for that mobile example that I made you'll see what I mean (if not I can explain it better).

Response to The Flash 'Reg' Lounge 2014-02-12 21:41:58


Well I'm stupid; the solution is incredibly simple. Just add this to the "body" CSS definition:

min-width: 1200px;

You can ignore my previous post regarding serving separate CSS for mobile (unless you want to do that).

Response to The Flash 'Reg' Lounge 2014-02-13 00:18:48


As3 doesn't know how to deserialize dictionaries. I keep getting end of file errors because they're grabbing bytes that don't belong to them. It's only happening in one class, probably because I have 2 dicts that get serialized. I guess I'll loop through keys/values and put those into arrays? Kinda silly.

Response to The Flash 'Reg' Lounge 2014-02-13 03:58:30


At 2/13/14 12:18 AM, MSGhero wrote: I guess I'll loop through keys/values and put those into arrays?

It turned out more efficient this way, only saving the key/values that were changed from the default instead of the whole dict. I think having blank arrays as values messed up readObject. Now onto figuring out kong's and ag's dumb APIs and hoping local saves already work.

They only take strings as save data. Ty ng for accepting my bytearray.

Response to The Flash 'Reg' Lounge 2014-02-14 15:53:47


Going to print some t-shirts for Kickstarter rewards, which of these color schemes would you wear?

The Flash 'Reg' Lounge

Response to The Flash 'Reg' Lounge 2014-02-14 16:19:48


At 2/14/14 03:53 PM, PestoForce wrote: Going to print some t-shirts for Kickstarter rewards, which of these color schemes would you wear?

4 or 11, something that's not overly-obtuse (because you'll be wearing it on a t-shirt) but still looks good.


Programming stuffs (tutorials and extras)

PM me (instead of MintPaw) if you're confuzzled.

thank Skaren for the sig :P

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-14 16:21:24


At 2/14/14 04:19 PM, egg82 wrote:
At 2/14/14 03:53 PM, PestoForce wrote: Going to print some t-shirts for Kickstarter rewards, which of these color schemes would you wear?
4 or 11, something that's not overly-obtuse (because you'll be wearing it on a t-shirt) but still looks good.

I like 4 the most also, personally.

Response to The Flash 'Reg' Lounge 2014-02-14 16:30:34


At 2/14/14 03:53 PM, PestoForce wrote: Going to print some t-shirts for Kickstarter rewards, which of these color schemes would you wear?

Rationale:
Red is a terrible color to wear on you (makes people more hostile to you, which is terrible for everyday conversation) - so that's 2, 3, 5, 6, 7, and 9 gone.
Who the hell wears a green shirt unless it's earth day or something? 12's done.
Bright orange is distracting and gathers a lot of attention. Nobody wears shirts that attract people solely to the shirt. That takes 1 out.
grey on grey is too hard to see, you'd have to really look to figure out what kind of shirt the person's wearing. Plus it fades even more. 10 and 8 are done.

This leaves 4 and 11. Black, grey, and blue are common shirt colors so they don't distract people, but stand out enough to perhaps catch an eye or two. I'd feel comfortable wearing the shirt in public and you'd get your free advertising.

Personally, I'd pick blue because I have way too many black shirts and the blue design looks more "video game"-y than "metal band"-y


Programming stuffs (tutorials and extras)

PM me (instead of MintPaw) if you're confuzzled.

thank Skaren for the sig :P

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-14 16:42:28


At 2/14/14 03:53 PM, PestoForce wrote: Going to print some t-shirts for Kickstarter rewards, which of these color schemes would you wear?

4 is fun, i think 'Super' pops too much though. If you do want it to pop i think the name should also be white for balancing out the bottom.


None

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-14 17:03:04


At 2/14/14 04:42 PM, Luis wrote: 4 is fun, i think 'Super' pops too much though. If you do want it to pop i think the name should also be white for balancing out the bottom.

Yeah, I'm thinking I'll prob remove the text entirely. I know I prefer shirts without text usually.

Response to The Flash 'Reg' Lounge 2014-02-14 17:41:14


At 2/14/14 05:37 PM, Innermike wrote: nice projection m8

Everything I said was an opinion :P

aside from the red thing. SCIENCE!

Programming stuffs (tutorials and extras)

PM me (instead of MintPaw) if you're confuzzled.

thank Skaren for the sig :P

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-14 20:41:27


Enterframe, timer, and the Sound API.

Response to The Flash 'Reg' Lounge 2014-02-14 21:00:07


At 2/14/14 08:41 PM, MSGhero wrote: Enterframe, timer, and the Sound API.

Soooo... Timer was always based on framerate?
I feel lied to :(


Programming stuffs (tutorials and extras)

PM me (instead of MintPaw) if you're confuzzled.

thank Skaren for the sig :P

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-14 21:04:28


At 2/14/14 09:00 PM, egg82 wrote: Soooo... Timer was always based on framerate?
I feel lied to :(

I mean it says that in the documentation, so they weren't lying.

Response to The Flash 'Reg' Lounge 2014-02-14 23:03:31


At 2/14/14 09:04 PM, MSGhero wrote: I mean it says that in the documentation, so they weren't lying.

Well, you'd expect something like a Timer to operate in another thread in a higher-level language. Hell, even the Boost C++ libraries have Timers that are multithreaded. Pretty standard.


Programming stuffs (tutorials and extras)

PM me (instead of MintPaw) if you're confuzzled.

thank Skaren for the sig :P

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-15 00:03:53


At 2/14/14 11:03 PM, egg82 wrote: Well, you'd expect something like a Timer to operate in another thread in a higher-level language

Remember what you're dealing with.

Roadmap updated, EMOTICONS IN TEXTFIELDS. Plus Stage3d stuff like anti aliasing and AGAL 2.0, but who gives a care about that compared to the textfields.

Response to The Flash 'Reg' Lounge 2014-02-16 13:50:29


Here's a new one for ya:

When the site loads, the social links are offset down about 40 px, refresh the page, and they align correctly.

But any time you type the url in to visit the page, or click an external link to visit the page, the social links load off-set...

(this is in chrome btw)

www.pestoforce.com

Response to The Flash 'Reg' Lounge 2014-02-16 14:14:59


At 2/16/14 01:50 PM, PestoForce wrote: When the site loads, the social links are offset down about 40 px, refresh the page, and they align correctly.

But any time you type the url in to visit the page, or click an external link to visit the page, the social links load off-set...

(this is in chrome btw)

It's because I forgot to float the slogan element. Just add float: left; to the ".slogan" definition. I don't use Chrome which is why I missed that. Oops.

I have no idea why Chrome is doing that, though.

Response to The Flash 'Reg' Lounge 2014-02-16 14:19:41


At 2/16/14 02:14 PM, Diki wrote: It's because I forgot to float the slogan element. Just add float: left; to the ".slogan" definition.

It works a little better with that in there, but still loads about 20 px off-set now...

Response to The Flash 'Reg' Lounge 2014-02-16 14:25:21


At 2/16/14 02:19 PM, PestoForce wrote: It works a little better with that in there, but still loads about 20 px off-set now...

That's because of these two elements I recommended you get rid of in this post:

<span>&nbsp;</span>

If you use CSS to do that alignment instead it will load correctly.

Response to The Flash 'Reg' Lounge 2014-02-16 14:31:25


At 2/16/14 02:25 PM, Diki wrote: If you use CSS to do that alignment instead it will load correctly.

Ok, sweet! Looks like everything is kosher now. Thanks again for the help, it was a good little course in css :-)

Response to The Flash 'Reg' Lounge 2014-02-16 14:38:55


At 2/16/14 02:31 PM, PestoForce wrote: Ok, sweet! Looks like everything is kosher now. Thanks again for the help, it was a good little course in css :-)

No worries, buddy. Happy to help. Also, in case you didn't know the syntax for the short-form version of margins and padding, since it isn't very intuitive, when you do this:

padding: 5px 10px 15px 20px;

it's setting the padding for top, right, bottom and then left (i.e. that's the order of the integers). It's just a simpler version of this:

padding-top: 5px; padding-right: 10px; padding-bottom: 15px; padding-left: 20px;

I can also go into depth regarding the difference between margins and padding if you don't know what they are. Or if there's really anything in the CSS I wrote that you don't understand I can explain it.

Response to The Flash 'Reg' Lounge 2014-02-19 14:28:05


At 2/19/14 11:43 AM, Innermike wrote: one works but doesn't change the URL

That's because you used frames, so the page inside the frame is redirecting, but not the page that contains the frame, which is where the URL is directing the browser. To fix that you have to either not use frames, or use JavaScript to set the location of the parent window. I recommend not using frames.

At 2/19/14 11:43 AM, Innermike wrote: and the other doesn't work at all.

Twitter has protections against being embedded in frames, so when the page inside the fame is redirecting to your Twitter it results in a blank page being displayed. Again the solution is to either not use frames, or use JavaScript.

If for some reason you want to continue using frames this is the JavaScript you need:

parent.window.location = "http://thesite.com/";

You could just stick that in an "onclick" attribute for the anchor, but a more standard way of doing it would be with jQuery, which would look something like this:

jQuery("#mylink").on("click", function(){ parent.window.location = "http://thesite.com/"; }

Response to The Flash 'Reg' Lounge 2014-02-19 14:43:18


At 2/19/14 02:28 PM, Diki wrote:
At 2/19/14 11:43 AM, Innermike wrote: one works but doesn't change the URL
That's because you used frames, so the page inside the frame is redirecting, but not the page that contains the frame, which is where the URL is directing the browser. To fix that you have to either not use frames, or use JavaScript to set the location of the parent window. I recommend not using frames.

there is no reason why anyone should be using frames or tables to lay things out in this day and age.


None

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-19 17:34:28


At 2/19/14 05:24 PM, Innermike wrote: This is the whole page though, I would never do such a thing http://puu.sh/72Ek9.PNG

No, that's the page you put in the frame. This is the page you're serving for dreamlikepixels.com:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html lang="en"> <head><title>Dreamlike Pixels</title> <link rel="shortcut icon" href="http://innermike.com/DreamlikePixels/favicon.ico"></head> <frameset rows="100%"> <frame title="http://innermike.com/DreamlikePixels/index.html" src="http://innermike.com/DreamlikePixels/index.html" name="mainframe" frameborder="0" noresize="noresize" scrolling="auto"> <noframes>Sorry, you don"t appear to have frame support. Go here instead - <a href="http://innermike.com/DreamlikePixels/index.html">Dreamlike Pixels</a></noframes> </frameset>

Response to The Flash 'Reg' Lounge 2014-02-19 17:35:41


At 2/19/14 05:34 PM, Diki wrote:
At 2/19/14 05:24 PM, Innermike wrote: This is the whole page though, I would never do such a thing http://puu.sh/72Ek9.PNG
No, that's the page you put in the frame. This is the page you're serving for dreamlikepixels.com:
</frameset>

DONT LIE TO US INNERMIKE.


None

BBS Signature

Response to The Flash 'Reg' Lounge 2014-02-19 18:14:28


At 2/19/14 05:39 PM, Innermike wrote:

:So does this mean you need separate hosting for each domain?

There's no technological limitation that would require that, I could do it very easily on my hosting for example, but your host might not be configured in a way that would allow it. I've never used 123 Reg, or even so much as heard of them before, so I can't say whether you can have two domains serving the same HTTP responses (i.e. the same files). You should try contacting their technical support and asking if there is a way to do it with their tools.

You could also take a look at their control panel, and see if there is somewhere to specify the allowed domains for your hosting, and just use the same nameservers on both domains. If they use cPanel you should be able to do that, assuming it's not severely out-dated or gimped (in the version of cPanel that my hosting uses, which is v11, it's under "addon domains").

Response to The Flash 'Reg' Lounge 2014-02-19 18:29:56


Also, InnerMike, I noticed this in your HTML source:

<img width="854" height="400" src="images/sprs.jpg" ></img><br/>

The <img> element isn't a container, so you don't need to close it with </img>, just like you don't need to close your line break element. And speaking of said line break element, you don't need the forward slash; just <br> will do as you're not writing XHTML.