Jump to content
  • Advertisement
  • entries
    383
  • comments
    1075
  • views
    353471

Holy Comic Sans, Batman!

Sign in to follow this  
Trapper Zoid

184 views

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.
Sign in to follow this  


15 Comments


Recommended Comments

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.

Share this comment


Link to comment
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.

Share this comment


Link to comment
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

Share this comment


Link to comment
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).

Share this comment


Link to comment
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.

Share this comment


Link to comment
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.

Share this comment


Link to comment
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.

Share this comment


Link to comment
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.

Share this comment


Link to comment
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].

Share this comment


Link to comment
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.

Share this comment


Link to comment
It looks fuckawesome under OSX with Opera. I guess IE6 is just pure shit.

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

We are the game development community.

Whether you are an indie, hobbyist, AAA developer, or just trying to learn, GameDev.net is the place for you to learn, share, and connect with the games industry. Learn more About Us or sign up!

Sign me up!