Holy Comic Sans, Batman!

Published August 04, 2006
Advertisement
After struggling with cascading style sheets for way too long, I think I finally have one up to a reasonable enough standard to try out in the journal. I've only tested this under Windows, but it looks pretty good under Firefox. Opera seems to screw up the digits in my adapted Comic Sans font for some reason, and my copy of Internet Explorer has a few seams with the tables, but they're not too bad. I'll see how this looks under Debian tomorrow; unfornuately I can't test under Mac OS.

It was a pain to try and see if this works under both the light and dark GDNet skins. I probably should have just started off with the existing theme as a template rather than starting from scratch, as eventually I had to copy and paste bits in. And I must have been insane to try for a mix of a dark back border with a light message body. That required a whole bunch of hackery to get right.

It's not quite finished; there's a few little flaws I'll fix up, and I need to redo some of the images. Plus I want a header table for progress, a footer and a couple of pictures in there too. But it's looking pretty slick so far.

I'll finish off with a few tests:
void CodeTest(double magicNumber){   doSomething(magicNumber);}

This should be as normal; I haven't changed the code tags

Quote:After struggling with cascading style sheets for way too long, I think I finally have one up to a reasonable enough standard to try out in the journal. I've only tested this under Windows, but it looks pretty good under Firefox. Opera seems to screw up the digits for some reason, and my copy of Internet Explorer has a few seams, but they're not too bad.
Quote:It was a pain to try and see if this works under both the light and dark GDNet skins. I probably should have just started off with the existing theme as a template rather than starting from scratch, as eventually I had to copy and paste bits in. And I must have been insane to try for a mix of a dark back border with a light message body. That required a whole bunch of hackery to get right.
Quote:It's not quite finished; there's a few little flaws I'll fix up, and I need to redo some of the images. Plus I want a header table for progress, a footer and a couple of pictures in there too. But it's looking pretty slick so far.
Quote:I'll finish off with a few tests:

These should be comicky. I might change the quotes in a while if it gets too annoying [grin].

Bwahaahaahahaha!!!

Okay, the background seems to work now. I'll patch the other problems when they surface.

I've also reinstated the images in the comments; that was a pretty stupid case of leaving some references with relative path names in there. I often view the journals with images turned off so I didn't spot that one. The font size in the footer is still a little too large in the comments though; I'll put that on the list of things to fix.
0 likes 15 comments

Comments

Trapper Zoid
This is just a test comment to see how the comments look in the new theme. Feel free to leave real comments below!

Looking through this with images turned off; it's a bit of a mess. I'll think of something on the weekend.
August 04, 2006 08:59 AM
HopeDagger
I absolutely love it. Fantastic work, TZ! You've managed to really capture a unique style/feel. I've never been a purple fan, but you make it work pretty darn well.

(Any possibility I can coax you into making me a cool CSS set? [grin])

EDIT: Oop, and the Quote button is a no-show in the comment section.
August 04, 2006 09:22 AM
Mushu
Whoa, this is bloody insane. Its like... I've stepped out of Gamedev and into a comic strip.



I'm not sure if that's a good thing or not :X
August 04, 2006 09:25 AM
Trapper Zoid
Quote:Original post by HopeDagger
EDIT: Oop, and the Quote button is a no-show in the comment section.

There's a lot of weirdness happening in the comments at the moment. I thought I'd tested these enough on some sample snapshots of quotes I'd saved from my journal and a couple of topics, but there's obviously something wrong. I don't think I can fix them all tonight (well, this morning now over here), but I'll see what I can do tomorrow (er..., later today).
August 04, 2006 09:29 AM
baldurk
Holy colour-scheme, batman!
August 04, 2006 11:04 AM
johnhattan
Adorable. Looks good over here.

Just tried it in Safari on Mac and it looks okay, although you don't get the adorable font. I checked and I have "Comic Sans MS" installed on the Mac. Don't know if that's a default font or not.

I didn't try it on Mac Firefox. In my experience, it looks exactly the same as Windows Firefox, so I wouldn't worry about that.
August 04, 2006 11:13 AM
Ravuya
Looks neat. I'll test it on my Mac when I get home (using IE6 right now).

OS X Opera should look the same as Win32 Opera. Now I want to get a new CSS theme for myyyy journal. [crying] You and baldurk have such nice themes, and mine is "urrrr".

I won't forget this, YOU BASTARD!

Now I also kind of want to make a comic game.

(Edit) Whoa. If I do the font size = 40px and then make it word-wrap around, it doesn't quite go down to the next line properly. I had to manually break it. Abnormal.
August 04, 2006 02:03 PM
wackatronic
Beautiful! Now you have to render all your screen shots like a comic strip!
August 04, 2006 02:36 PM
Jotaf
Me likes it :)

Makes me feel sorry for calling CSS "fluff". Looking good!
BTW the only seams I notice with IE is when a quote or something forces the table to be wider than it should, so the right border doesn't show.
August 04, 2006 03:37 PM
Programmer16
Looks awesome! Great job. The only things that I see are the quote and edit links being white and the 'journal', 'pm', etc buttons at the bottom of each comment aren't vertically aligned.
August 04, 2006 04:41 PM
Trapper Zoid
Thanks everyone! Good to know I wasn't wasting my time too much playing with style sheets. Thanks to your comments I can build a checklist of things to fix before my next journal entry:

Quote:Original post by johnhattan
Just tried it in Safari on Mac and it looks okay, although you don't get the adorable font. I checked and I have "Comic Sans MS" installed on the Mac. Don't know if that's a default font or not.

That's weird; I chose Comic Sans MS because I read it was pretty standard - Microsoft chose it as one of their core fonts for the web. Frankly I think Comic Sans looks pretty terrible unless you bold, italicise and small-caps it, but I was hoping it was available on Windows, Mac and Linux. Hopefully it chose a reasonable alternative?

[quoteOriginal post by Ravuya](Edit) Whoa. If I do the font size = 40px and then make it word-wrap around, it doesn't quite go down to the next line properly. I had to manually break it. Abnormal.[/quote]
That's doubly weird [smile]. I've put that on my "to fix" list.

Quote:Original post by Programmer16Looks awesome! Great job. The only things that I see are the quote and edit links being white and the 'journal', 'pm', etc buttons at the bottom of each comment aren't vertically aligned

Yes, that's a problem. The black theme images look terrible on a yellow background. I'm planning on replacing those with my own images sometime soon. The vertical alignment problem is puzzling me right now, but I'll think of something.

Quote:Original post by wackatronicBeautiful! Now you have to render all your screen shots like a comic strip!

With my particular taste in game art that won't be a problem [grin].
August 04, 2006 06:43 PM
ArchWizard
I think I just wet myself [wow]

Anyway: it looks fantastic.
August 04, 2006 06:57 PM
jbadams
Nice work. The comic-style quotes are awesome.
August 05, 2006 01:13 AM
Trapper Zoid
I've managed to see what it looks like under Firefox and Konqueror under Debian, and it seems to work fine, possibly even better than under Windows (due to the higher resolution I'm using, possibly). I guess it isn't quite as flakey as I feared.
August 05, 2006 02:29 AM
Ravuya
It looks fuckawesome under OSX with Opera. I guess IE6 is just pure shit.
August 15, 2006 07:15 AM
You must log in to join the conversation.
Don't have a GameDev.net account? Sign up!
Advertisement
Advertisement