Comic Book Hero Theme

I've been searching for a new theme, and nothing out there really said "me". My other themes have been fairly modest and simple and this time I wanted something with big bold bright colours and some pop out graphics. Hopefully the comic book inspiration is evident and makes you feel a bit like you're reading something equally as entertaining.

Comic Book Hero Screenshot
Isn't it beautiful?

: I've noticed a lot of searches for "comic book theme wordpress" coming in. I haven't made this theme available for download, as I like that it's unique to The Geekorium, but I'll happily make it available in the theme directory if there's any demand for it. So if you've come here looking for a theme like this, let me know by commenting or +1'ing and I'll look into getting it out there for people to use. You'd have to be patient though, it's not ready to go as it is.

About this theme

This theme is a two column, fluid wordpress theme. It supports threaded comments, the WP-Footnotes Plugin and the Author Exposed Plugin out of the box.
It supports the WordPress image/caption combo, but I prefer using my own style: <figure><img src="//the.geekorium.com.au/wp-content/themes/comic-book-hero/screenshot.png"/> <figcaption>This is a clever caption</figcaption><figure> So it supports this too.

Credits and Thanks

Colour Scheme

The colour scheme is based on one of the "Pop Art" palates from the Adobe Suite.

Layout

Firstly I'd like to thank Andy Taylor for his astonishing and excellent CSS Grid. The grid resizes fluidly from a 1140px width down to iPhone size and took almost no effort to implement. Go ahead and try it!

Fonts

Kilogram is the chunky title graphic you see up there.
Hetilica Bold gave the pop-out graphics a bit of a comic hand-lettered feel.
Quicksand is the stylish little rounded font that peppers the site.
Code Bold by Fontfabric is the font in the post headings and main menu.
Beyond that, I'm using the default typography of the CSS Grid I mentioned earlier! All embedded fonts are free for use and distribution as far as I've been able to determine. If you disagree, please let me know so I can investigate further.

Graphics

All pop-out graphics used are from a Vectorstock set by Kraska. Thank you Kraska - they're beautiful.

Comments

Thank you to Chris Coyier for his "Custom Comments HTML Output" that helped me get the comments looking just the way I wanted them (now hidden by Disqus...)

Everyone else

There are a million tutorials out there that I use every time I make a new theme that I don't even remember the next day. Thank you all.

Disclaimer

I've done my best to cover all my bases, but I can't guarantee I've missed something. If you find something wonky, let me know and I'll sort it out.

Updates


Fixed some issues in IE 7-8:
  1. Picked some fonts from the basic windows kit to display instead of the custom fonts. IE8 can use @font-face, but needs separate .eot files to make them display, when most come naturally in ttf/otf format. Typical Microsoft. As punishment, you get a smattering of Comic Sans MS instead of Hetilica.
  2. Fixed the display of pictures. Apparently IE needs a width on the figure element or it disappears the whole thing. I've given images a default width of 100% to fix this.
Removed a closing tag that shouldn't have been there.

You know you’re a nerd when

You hum and whistle what you think is a classical tune for months. Only to finally place it, and realise it's the Joker's waltz from the 80's Batman flick aActually, I knew it was from the movie but thought it must have been a classical piece first.

He's almost as creepy as the newest one (photo by metaphorge)

Asides   [ + ]

a. Actually, I knew it was from the movie but thought it must have been a classical piece first

Batman’s Weakness

Most of the Justice League have one weakness that stops them dead in their tracks. I thought Batman was immune. Turns out he does have one weakness though - and it took an evil duplicate to find it... Batman can't handle a nipple cripple.

Batman's Weakness
Cover of Justice League of America #13 - Riddle of the Robot Justice League!

Continue reading →

Batman as you’ve never seen him.

I want to share one of my favourite things with you. Superheroes. Actually I want to share a few of my favourite things - Superheroes, old crappy movies, and animated GIFs of people doing amusing things.

Check this out:


The Dynamic Duo
Check the pointy ears

Yes, that is supposed to be Batman. Nice eh?

Continue reading →