Fusion

Fusion is a powerful base theme, with layout and style configuration options built in that you can control through Drupal's UI. It's based on a simplified 960px or fluid 16-column grid. It's designed to be used with the Skinr module, with numerous useful block styles included.

Don't theme yourself into a corner. Our goal is to make Fusion the clear, simple, and supported option for creating advanced Drupal themes.

The Acquia Prosper theme by TopNotchThemes uses Fusion as its base theme.

• Your layout is completely taken care of with lots of regions and cross-browser compliant configuration of layout through the GUI -- set block width, alignment, and position with a few clicks!
• Includes commented "starter" subtheme for easy CSS theming
• Includes theme settings for fonts, page width, sidebar widths and layout, sub-styles, and developer options
• Default block styles mean you don't have to re-code the same common features for menus, lists, footers, callout text, etc.
• Also includes plenty of helper classes for easier theming

Watch a quick overview of some of the theme settings and styling available in Fusion:

Requirements

• Skinr: if you want to use the block styles for configuring the layout (and you do!), this module is required.

Installation

• Unpack and upload as usual within your site's themes folder (usually sites/all/themes). You'll see two themes in the Fusion folder -- Fusion Core (the base theme), and Fusion Starter (a commented starter theme for creating your own subthemes)
• Enable the Fusion Core theme
• If you want to try out Fusion as a base theme, enable and set Fusion Starter as your default theme
• Download and enable the Skinr module, set permissions if you're not uid 1

Configuration

• You can control many settings on Fusion Starter's theme settings page: example.com/admin/build/themes/settings/fusion_starter. Settings include menus, fixed vs fluid page width, sidebar widths, typography, breadcrumbs, search results, and administrator/developer helper features
• Superfish dropdown menus can be enabled by selecting "Expanded" next to the parent menu item in your menu configuration
• Go to your Blocks page at example.com/admin/build/block and place blocks into regions as desired, save your settings. See diagram of Fusion Core's collapsible regions
• When hovering your cursor over blocks, a gear icon will appear -- you can use this to get to the block configuration page for that specific block
• On each block's configuration page, a "Skinr" section will appear, where you can set block styles
• Use these width and positioning options for blocks to configure your layout
• Use the style options to set up different visual styles for different blocks, and configure the layout

Subtheming

Copy fusion_starter, rename the theme folder and .info file, and subtheme away!

Fusion handbook

Roadmap

The following items are on the 1.0/1.1 roadmap:
- documentation!
- RTL support
- additional Ubercart features
- additional styles for inset floated media fields, fieldgroups, blocks, etc.
- accessibility review
- alternate grid options

Releases

Official releases	Date	Size	Links	Status
6.x-1.0-beta2	2009-Nov-11	57.45 KB	Download · Release notes	Recommended for 6.x