Drupal 960 grid system based theming
•Télécharger en tant que PPT, PDF•
5 j'aime•1,351 vues
The document discusses using the 960.gs CSS framework for Drupal theming. It provides an introduction to CSS frameworks and their benefits, including making development easier and more scalable. It then describes the basics of grid-based design and how 960.gs works with 12-column and 16-column grids. It shows some examples of common layouts and how to implement grid classes. Finally, it briefly discusses the NineSixty Drupal theme which implements 960.gs and the ns() function for generating grid classes.
Recommandé
Contenu connexe
Similaire à Drupal 960 grid system based theming
Similaire à Drupal 960 grid system based theming (20)
Dernier
Dernier (20)
Drupal 960 grid system based theming
- 1. Drupal theming via 960.gs BY: Gaurav Mishra
- 2. Introduction about 960.gs – A CSS framework CSS frameworks are “ a set of tools, libraries, conventions, and best practices that attempt to abstract routine tasks into generic modules that can be reused. The goal here is to allow the designer or developer to focus on tasks that are unique to a given project, rather than reinventing the wheel each time around.“ -Jef Croft
- 12. How grid based layout looks like ?
- 13. Layout A: Content left, sidebar right (12 col)
- 14. Layout B: Content left, sidebar right
- 15. Layout C: Content with two left sidebars (12 col based)
- 17. Layout C: Content with two left sidebars (12 col based)
- 21. Implementing Credits Screenshots - Accelerated grid theming using NineSixty (Drupal DesignCamp Boston)
- 22. The NineSixty theme Download from http://drupal.org/project/ninesixty
- 24. LOOking in Page.tpl.php Credits Screenshots - Accelerated grid theming using NineSixty (Drupal DesignCamp Boston)
- 25. <div id=main> @page.tpl.php Credits Screenshots - Accelerated grid theming using NineSixty (Drupal DesignCamp Boston)
- 26. Question O_O pleaseZzz / Feedback Do have fun with theming