Theming Options EZ Options Use a theme that is close to what you want Easy custom themes offered by: Drupal Gardens Buzzr Theme Generators
How to theme 1. Parts of a drupal theme. 2. Built in tools for changing the look of a theme 3. How to create a theme from an existing one 4. How to create your own theme
Parts of Drupal Theme themename.info — A required file that is new to Drupal 6 which provides information about the theme. page.tpl.php — The main template that defines the content on most of the page. style.css — The CSS file that sets the CSS rules for the template. logo.png — Your logo, if you are using one. screenshot.png — This is a screenshot of your theme that is used in the admin panel and in the user account settings if you have enabled more than one theme so that visitors can choose which theme they want to use.
The Rest of the story node.tpl.php — This file defines the content of the nodes. block.tpl.php — Defines the content of the blocks. comment.tpl.php — Defines the content of the comments. box.tpl.php — puts a box around things like comments. style-rtl.css — this file is new to Drupal 6's Bluemarine.
Template Files Not all template files are needed New theme should be in sites/all/themes/ Bluemarine is a good starter theme So is Zen
Themename.info Required file Provides information on the theme * name required * description recommended * screenshot * version discouraged * core required * engine required in most cases * base theme * regions * features * stylesheets
name = Garland description = Tableless, recolorable, multi-column, fluid width theme (default). version = VERSION core = 6.x engine = phptemplate stylesheets[all] = style.css stylesheets[print] = print.css ; Information added by drupal.org packaging script on 2008-02-13 version = "6.0" project = "drupal" datestamp = "1202913006"
Template pages * page.tpl.php (for the overall page layout) * node.tpl.php (for all the 'nodes' or main content sections of a page) * block.tpl.php (for the blocks, in whichever regions you place them) * comment.tpl.php (for all comments on you site)
Modules to help Theme Color Conditional Stylesheets Custom Node Template Sections Signwriter Panels
Color <ul><li>Theme must be designed to use it
Panels The Panels module allows a site administrator to create customized layouts for multiple uses. At its core it is a drag and drop content manager that lets you visually design a layout and place content within that layout. Integration with other systems allows you to create nodes that use this, landing pages that use this, and even override system pages such as taxonomy and the node page so that you can customize the layout of your site with very fine grained permissions.
Now for the fun We will Drupalize a static html site
Drupalize a HTML/CSS template Step 1 Remove all head content Step 2 Replace all head content Step 3 replace body content as needed
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">