1. Static HTML to Drupal Theme By Ivan Zugec

2. Static HTML to Drupal Theme.

Setting up a theme.

Overriding tpl files.

Using the devel module.

Q and A

3. Static HTML page 4. Required theme files and folders

Images folder

Page.tpl.php

.info file

Style.css

5. Where do we save themes? sites/all/themes 6. .info file for your theme ; $Id$ name = rgdesign core = 6.x engine = phptemplate regions[left] = Left sidebar regions[right] = Right sidebar regions[content] = Content regions[footer] = Footer 7. Regions 8. page.tpl.php file 9. Page.tpl.php Replace this: 10. Page.tpl.php With this: 11. Page.tpl.php Replace this: 12. Page.tpl.php With this: if ($logo || $site_name) { if ($logo) { print ''; print ''; } print ''. $site_name .''; } 13. Page.tpl.php if ($logo || $site_name) { if ($logo) { print ''; print ''; } print ''. $site_name .''; } 14. Next regions 15. Left Side Bars With this: Replace this: 16. Right Side Bars With this: Replace this:

Search

17. Footer With this: Replace this: