1. Theming with Fusion
a new approach for layout and modular styles
Presented by Stephanie Pakrul and Sheena Donnelly

2. We are TopNotchThemes
Stephanie
•stephthegeek
•4 years, 11 wks on d.o
•Co-owner of TNT,
Drupal mastermind
Sheena
•sheena_d
•1 year, 26 wks on d.o
•Graphic Designer,
TNT Themer

4. The Framework for Less Work
• Fusion is a GPL base theme
• Fusion uses the Skinr module to apply
classes
• There are several free Fusion subthemes
• We also have a catalog of premium Fusion
themes

5. Who Are You?

6. Who Are You?
Fusion is For…
• Themers of all levels
• Front-end design professionals
• The one guy (or girl) who is expected to do
it all
• Freelancers and small development shops

7. Take it With You
2 things you will leave with…
• An understanding of how Fusion can solve
your theming problems
• Your own sandbox with Fusion & Skinr
configured

8. • Clone yourself a sandbox at:
fusiondrupalthemes.com/sandbox
OR
• Download Fusion
drupal.org/project/fusion
Download Skinr*
drupal.org/project/skinr
• Read Fusion subtheme documentation:
fusiondrupalthemes.com/quickstart
Get Set Up
*Skinr 1.5 is currently recommended, but the 2.x-
dev is available for the brave

10. Top 5 Theming Frustrations
1. Duplication of Effort on common design motifs
2. Delays in project timeline waiting for
configuration and content
3. Clients’ whims
4. Future site feature additions
5. Filtering through IRC, drupal.org and more for
support and education

11. Top 5 Theming Frustrations
1. Duplication of Effort on common design
motifs
2. Delays in project timeline waiting for
configuration and content
3. Clients’ whims
4. Future site feature additions
5. Filtering through IRC, drupal.org and more for
support and education

13. Top 5 Theming Frustrations
1. Duplication of Effort on common design motifs
2. Delays in project timeline waiting for
configuration and content
3. Clients’ whims
4. Future site feature additions
5. Filtering through IRC, drupal.org and more for
support and education

15. Top 5 Theming Frustrations
1. Duplication of Effort on common design motifs
2. Delays in project timeline waiting for
configuration and content
3. Clients’ whims
4. Future feature additions
5. Filtering through IRC, drupal.org and more for
support and education

17. Top 5 Theming Frustrations
1. Duplication of Effort on common design motifs
2. Delays in project timeline waiting for
configuration and content
3. Clients’ whims
4. Future site feature additions
5. Filtering through IRC, drupal.org and more for
support and education

19. Top 5 Theming Frustrations
1. Duplication of Effort on common design motifs
2. Delays in project timeline waiting for
configuration and content
3. Clients’ whims
4. Future site feature additions
5. Filtering through IRC, drupal.org and more
for support and education

21. • Fusion allows themers & admins to easily
change layout through simple point-and-click
options
• Fluid & Fixed layouts
• 12 or 16 column grid
• 85% - 100% widths
• Easily create custom grids
• http://fusiondrupalthemes.com/support/theme-developers/grid-concepts/creating-custom-
grid-definition
Bonus: Easy Grid

25. To Review…

26. Fusion is…
• A flexible, sustainable, time-saving
theming system
• Ready-to-use line of Free & Premium
Themes

27. Try Fusion!
•drupal.org/project/fusion
•fusiondrupalthemes.com/sandbox
•fusiondrupalthemes.com/quickstart

28. What did you think?
Step 1)
Locate this session on the DCSF site
http://sf2010.drupal.org/conference/schedule
Step 2)
Click the “Take Survey” link