introduction to drupal theming
play

INTRODUCTION TO DRUPAL THEMING Chris Gross & Melissa Miller - PowerPoint PPT Presentation

INTRODUCTION TO DRUPAL THEMING Chris Gross & Melissa Miller OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A SUB-THEME RESPONSIVE DESIGN OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A


  1. INTRODUCTION TO DRUPAL THEMING Chris Gross & Melissa Miller

  2. OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A SUB-THEME RESPONSIVE DESIGN

  3. OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A SUB-THEME RESPONSIVE DESIGN

  4. Firebug getfirebug.com Web Developer Toolbar chrispederick.com/work/web-developer/

  5. Dev Desktop acquia.com/downloads

  6. Devel module drupal.org/project/devel

  7. OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A SUB-THEME RESPONSIVE DESIGN

  8. OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A SUB-THEME RESPONSIVE DESIGN

  9. DON'T HACK CORE

  10. OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A SUB-THEME RESPONSIVE DESIGN

  11. DON'T HACK CORE

  12. Get More Themes drupal.org/project/Themes

  13. OVERVIEW GETTING STARTED ANATOMY OF A THEME START FROM SCRATCH BUILD A SUB-THEME RESPONSIVE DESIGN

  14. omega.developmentgeeks.com

  15. 1. global.css

  16. 1. global.css 2. yourtheme-alpha-default.css

  17. 3. yourtheme-alpha-default-narrow.css 1. global.css 2. yourtheme-alpha-default.css

  18. 4. yourtheme-alpha-default-normal.css 3. yourtheme-alpha-default-narrow.css 1. global.css 2. yourtheme-alpha-default.css

  19. 4. yourtheme-alpha-default-normal.css 3. yourtheme-alpha-default-narrow.css 1. global.css 2. yourtheme-alpha-default.css 5. yourtheme-alpha-default-wide.css

  20. #page

  21. #page #section-header #section-content #section-footer

  22. #page #section-header #zone-header #section-content #zone-preface #zone-content #section-footer #zone-footer

  23. #page #section-header #zone-header #region-menu #region-logo #section-content #zone-preface #region-feature #zone-content #region-content #region-sidebar #section-footer #zone-footer #region-footer1 #region-footer2 #region-footer3

  24. Questions?

Recommend


More recommend