Content top block title

Content top block body. This block shows you what a block looks like in the content top region.

Acquia Prosper

Node top block title

Node top block body. This block shows you what a block looks like in the node top region.

Acquia Prosper is a subtheme of Fusion Core.

Download and install Fusion Core first then download Acquia Prosper from drupal.org/project/acquia_prosper. This version is 6.x-1.1 from 2010-Sep-18, a 312.14 KB download.

Configuration

This theme displays the full menu in the navigation bar as part of the primary menu using drop down lists. Some of the details are repeated in the heading as the secondary menu. This page has the secondary menu switched off in the theme configuration.

There are lots of configuration options inherited from Fusion. We use the defaults except the change of sidebar width. Split sidebars do not work with the default 1 grid unit. This is a fault inherited from Fusion. The sidebars do not appear unless you increase their width. This page uses 3 grid units - 180px.

Use these settings to enhance the appearance and functionality of your Fusion theme.

General settings

Layout

Select a grid layout for your theme:
(*) 16 column fixed grid [960px] - Theme Default
(  ) 16 column fluid grid
Select a width for your fluid grid layout: 100%
Select a sidebar layout for your theme:
(*) Split sidebars - Theme Default
(  ) Both sidebars first
(  ) Both sidebars last
Select a different width for your first sidebar: 1 grid unit- 60px
Select a different width for your last sidebar: 1 grid unit- 60px

Regions

This theme inherits lots of regions from Fusion including header top, header, sidebar first, sidebar last, preface top, preface bottom, content top, node bottom, content, content bottom, postscript top, postscript bottom, and footer.

Validation

This theme is based on Fusion and inherits a lot of CSS errors from Fusion plus adds some new errors.

Example HTML

Here are example HTML elements to see how they are formatted by this theme.

<a href="?x">link 1</a>: link 1 This is a test of a link you have not visited. See how links are highlighted. Hover your mouse over this link to see any hover effects that might be used then select the link to see the link displayed as visited.

<a href="?y">link 2</a>: link 2 Leave this link unselected as a comparison link you have not visited.

<abbr title="abbreviation">abbr</abbr>: abbreviation

<acronym title="Cyclic Redundancy Checksum">CRC</acronym>: CRC

<blockquote>blockquote</blockquote>:

blockquote

<cite>cite</cite>: cite

<code>code</code>: code

<div>div</div>:

div

<form> and <input>: The the comments form at the end of this page (if you are logged in).

<em>em</em>: em

<h1>h1</h1> is usually the top heading in the page. Repeating h1 in this test would break heading nesting.

<h2>h2</h2>:

h2

<h3>h3</h3>:

h3

<h4>h4</h4>:

h4

<h5>h5</h5>:

h5

<h6>h6</h6>:

h6

<hr />:


<ol><li>li</li></ol>:

  1. li

<p>paragraph</p>:

paragraph

<pre>.h3
      {
      font-size: 1.17em;
      }</pre>

.h3
      {
      font-size: 1.17em;
      }

<q>quote</q>: quote

<span>span</span>: span

<strong>strong</strong>: strong

<table><thead><tr><td>th1</td><td>th2</td></tr></thead>
<tbody>
<tr><td>td1</td><td>td2</td></tr>
<tr><td>td3</td><td>td4</td></tr>
</tbody>
</table>:

th1 th2
td1 td2
td3 td4

<ul><li>li</li><li>li</li></ul>:

  • li
  • li
CSS 2.1: 
off

Node bottom block title

Node bottom block body. This block shows you what a block looks like in the node bottom region.

Content block title

Content block body. This block shows you what a block looks like in the content region.

Content bottom block title

Content bottom block body. This block shows you what a block looks like in the content bottom region. Image of Foundation Drupal 7: Learn How to Use the Drupal Framework to Quickly Build Feature-rich Websites Foundation Drupal 7: Learn How to Use the Drupal Framework to Quickly Build Feature-rich Websites