WordPress Theme Design: Vista Theme

13 Jun 2008

I decided today to make a Vista theme for my blog. I started with a screen shot of Outlook, and opened it in Adobe Photoshop and started simplifying it. Once I had the basics of what I wanted, I had a single flat jpg that looked something like this…

I brought it into back into Photoshop and made a couple slices to create a top header, top fade, repeat fade and footer image, as well as a background fade, and I was able to get started with some html and css.

I laid out the elements and got it all working before I installed WordPress on my local wampserver and began integrating it into the “default” template.

I spent about an hour adding all of the formatting for the WordPress generated content to the css file I created when I sliced the image up, and within about 4 hours, give or take, I had it as you see now, well as long as now is June 13th. I am sure I will tweak it more tomorrow and throughout the weekend getting it just how I want.

But there you have it, a tribute to Vista as a WordPress theme. I want my blog to be a bit unique so I won’t release this out for everyone, although I may make a pink twist on it for Dawngrrl.com.

Hope you like it, and if you are a Mac or Linux fanboy, get over it…I work for Microsoft, remember?

Submit this post to