Drupal Theming

Theming in Drupal is a niche of it's own. Combining design skills with the knowledge required to convert that into a Drupal theme means a powerful potential in a website. This is where I will be posting all of my theming tips and tricks as well as resources I have found useful in my experience in theming in Drupal.

Here are some things I have found to be useful: 
Graphic Headers Without Losing SEO

One road block I've come across recently was the request to change all of my Drupal headers into stylized font headers. This didn't surprise me as far as the asthetics of the pages, but it did concern me about the "Search Engine-Friendly" aspect of the site. Fortunatly I came across this solution from Mustardseed Media.

 

CREATE GRAPHIC HEADERS WITH CSS

 

The Zen Theme

Recently I did a presentation about how you can 'bend' the Zen Theme to make it your own (view the presentation intro here). The zen theme has a lot of cool features that I have always liked in theming. The more I work with it, the harder it is for me to build a theme from scratch. Here's what I love about the Zen Theme.

ZEN BLOCKS

"Bending Zen" Intro

Here is the slideshow I put together for the local Drupal Users Group (Drupal Indy Group). I did a presentation on bending the Zen Theme into your own. The concept was to use the Zen Theme as a starting point and create a new theme that will be packed with the functionality of the Zen Theme. This is the Intro to the Bending Zen screencast. This is just for reference information and to give you an overview of the concepts and best practices that should be followed when bending the Zen Theme.

IE Fixes - Different Sized Div Tags Rendered in IE 5 & 6

Pre-IE 6 Browsers for PC render boxes with padding differently than more recent browsers.  You might notice this issue when you browser text a page that is heavy in boxes and padding.

Here is the CSS code for our example:

Powered by Drupal, an open source content management system