Geoff Hankerson

In the last installment we styled our pageContainer div by giving it a width of 791px. Today we want to style the following divs: columnContainer, leftPage and rightPage.

Last night I attended Mayor Coleman's community meeting on the 43.8 million dollar 2 year budget shortfall for the City of St. Paul. Much of the shortfall is due to deep cuts in local government aid from the state of Minnesota.

The city's total budget in 2008 was about $200 million. The big ticket items for the city are Fire, Police, Libraries, Parks and Rec centers in that order. (I'll update with exact numbers in the next day or so).

In our last installment, we started out with good clean semantic and valid xhtml. This sets us up nicely to get started with CSS. To day we will cover these CSS topics:

• Linking to a stylesheet
• Setting the default font size
• Centering the design in the browser window
• Using a background image

Let's get started. Last time the header area of out html document looked like this:

Step One: Semantic HTML

This is part one in a series designed to show you how to go from photoshop mockup to Drupal theme step by step. In the process we will produce a full blown tutorial and a working Drupal theme that we will submit it to the themes repository on drupal.org. If the the tutorial is popular enough - I may even make an on demand print version available.

Good clean, valid xhtml is a must when starting your theme.

Note: there are two common ways to make a theme in Drupal. The first method is to start with stater theme like Zen. Here, most of the Drupal parts are set up but the theme is plain. You work your custom images, colors and CSS into an existing theme until you have it looking good.

So a few people I know are getting Macs for the first time and I thought I'd post a few of my favorite Mac apps (fun apps, not so much productivity apps).

In no particular order:

1. Library Books: http://haroldchu.id.au/?q=node/2. Netflix style queue for the public library. Free
2. Firefox (obviously) http://www.mozilla.com/en-US/firefox
3. iTivo: lets you download shows from a Series 2 Tivo and convert to iPod/iPhone format. Free