Fusion Core - Powering the most beautiful, advanced Drupal themes

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 12/16-column grid with options for responsive layouts for mobile devices. It's designed to be used with the Fusion Accelerator module (or with Skinr in Drupal 6), 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.

  • 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

Road Map

  1. Cleanup the issue que
  2. Stabilize 7.x-2.x and issue a full release
  3. Begin work on 7.x-3.x which will include:
  • Full HTML5 compatibility
  • No dependency on additional modules (Skin support will be returned to Skinr and responsive features moved into the theme.)
  • Additional tools for configuration through the GUI

Our goal for Fusion is simple - Make it the best choice for users that want full control of their theme through the user interface.

Requirements

If you want to use the block styles for configuring the layout (and you do!) and have a responsive design (Drupal 7 only) the following module(s) are required:

Installation

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

Configuration

  • You can control many settings on Fusion Starter's theme settings page: example.com/admin/appearance/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 achieved with the Superfish module (for D6, select "Expanded" next to the parent menu item in your menu configuration).
  • Go to your Blocks page at example.com/admin/structure/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 (Contextual links must be enabled) -- select 'Edit skin' to get to the skin configuration page for that specific block
  • 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
  • Enable responsive layouts for various devices such as desktop browsers, tablets (portrait or landscape) and smartphones with the help of Fusion Accelerator.

Fusion themes available

Fusion Prosper
Fusion Marina
Fusion Slate

Drupal versions

Fusion 6.x-1.x - Use Skinr 6.x-1.x
Fusion 7.x - 2.x - Use Fusion Accelerator 7.x-2.x
Fusion 7.x - 3.x - Use Fusion Accelerator 7.x-3.x and Skinr 7.x-2.x

Supporting organizations: 

Project information

  • caution Seeking new maintainer
    The current maintainers are looking for new people to take ownership.
  • caution No further development
    No longer developed by its maintainers.
  • chart icon2,243 sites report using this theme
  • Created by stephthegeek on , updated
  • shieldStable releases for this project are covered by the security advisory policy.
    Look for the shield icon below.

Releases