So, in the last few weeks, I have been doing a lot of WordPress theme development. When I see something cool on the web, I want to implement it a new a cool way. Skulls is basically the end result of some tinkering on the web. Here are some of the methods that I used in this theme.
1. Font Replacement
I read a great article on CameronMoll.com called Exploring Cufón, a sIFR alternative for font embedding. Cufón is this rad javascript library that will exchange text with a font resides on your server. A friend of mine, Tyrel Kelsey showed me an example on a site that he designed using the script, and from there, I was set. Immediately, I knew that I wanted to create a grungy WordPress theme that I could use this on.
2. Fixed Footer
Nothing terribly revolutionary, but after staring at Facebook everyday, I wanted to put a persistent footer, that would have a couple of quick links in it. To create a fixed footer, simple add the following code to your div.
Make sure to add some bottom-margin to whatever div is going to be above it. You want to make sure you do that, so when you scroll to the bottom, you can see all of your content.
[css]
#footer {
margin:auto;
position:fixed;
margin:auto;
left:0;
bottom:0;
height:40px;
width:100%;
background:#242424;
z-index:1999;
}
[/css]
There are a couple of issues that in IE6 (Go figure…) But they can be resolved by adding this:
[css]* html #footer {
top:expression(eval(document.compatMode && document.compatMode==’CSS1Compat’) ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
position:absolute;
}
[/css]
3. SUPER-ULTRA-RAD GRAPHICS
I mentioned already the font replacement. I found some cool vector packs that had some skull designs in them. The post headers have a banner that overlays the other divs due to some negative margins. One thing to be aware of, if you follow a similar design, is to make sure that links have the coverage that they might need. I had them squeezed a lot tighter, but it was hard to click on the post links.
So, all in all, I think that it turned out to be a pretty cool theme. Not for everyone, but I think that someone will get a kick out of it.
Skulls is in use here: http://fashion.popmartian.com/
Thanks for the awesome theme. Well done!
amazing theme! one of the my favorites! keep it up!
Hey!
Wanted to use your theme for SkullCity.info, but only the bottam portion shows up in IE and Foxfire. Am I doing something wrong? Haven’t had this particular problem with any other themes.
Thanks and have a good one
hey wicked theme but cant get sidebar widget to work? any pointers please? many many thanks in advance
Hi Jake, thanks for the awesome theme, I’m using it here: http://www.quantazelle.com/.
One problem tho…the “Older Posts” link doesn’t show up at the bottom of the home page. But if you manually go to http://www.quantazelle.com/page/2 the links are there. What’s up with that?
Good question, I’ll look into it.
Also, the RSS feed doesn’t work: http://www.quantazelle.com/feed/rss/
It looks like it is working to me… And the pagination. Did you get it fixed?
I’m on Win7 checking it out in Chrome and Firefox.
And no, same result after reboot and all.
OK, it’s working now–I restarted. Thanks!
Still not seeing the feed tho.
Theme compatible WP 2.9 ? and WP 3 ?
thank you
Totally.
thank you, it would be nice to indicate so.
Hey, would there be a way to get a sidebar to show up under the picture on the front page? It would be cool to do a blogroll down there…or somewhere on the front page.
Hi,
In Firefox does not show the letter of the title correctly, right?
Another question, this theme can use widgets?
Thanks and sorry for my bad English Jake