A hands on demonstration on how to leverage the zen theme and sub-theme system to create websites with ease that do not look like hacked Garland. We will cover the general setup of the Zen system and how to create a sub-theme. Next we will review how to best override the existing CSS and if needed minimally tweak page.tpl.php. Lastly how to maximize use of body.classes and node.tpl.php if we have time.

Agenda

• Overview of what is a theme
• what is zen: why should you use it
• a few examples of sites created with zen sub themes
• installation
• cp STARTERKIT sub-theme-name
• BREAK, eat lunch
• PART 2: we are going to build a brand new sub-theme
• zen CSS setup; layout.css, html-elements.css, sub-theme-name.css
• node.tpl.php
• #why body.classes.rock.the.house

View Presentation

http://www.magicspark.com/lab/tutorials/theming-zen/theming-zen

Goals

• How to create amazing website designs with little effort
• A better understanding of CSS
• Why you should only start with zen and step on it just the right way ;D
• How to get your—em on

Resources

• Firebug
• Pathauto
• node templates
• http://w3.org/TR/CSS21