Header first block title

Header first block body. This block shows you what a block looks like in the header first region.

Header last block title

Header last block body. This block shows you what a block looks like in the header last region.

Preface first block title

Preface first block body. This block shows you what a block looks like in the preface first region.

Preface middle block title

Preface middle block body. This block shows you what a block looks like in the preface middle region.

Preface last block title

Preface last block body. This block shows you what a block looks like in the preface last region.

Content top block title

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

Omega

Omega is a Drupal theme based on 960gs and has lots of regions.

Download Omega from drupal.org/project/omega. This version is 6.x-1.0-beta3 from 2010-Apr-10, a 69.68 download.

Regions

The regions in this theme are Left sidebar, Right sidebar, Content, Content Top, Content Bottom, Footer, Primary Links, Secondary Links, User 1, User 2, User 3, User 4, User 5, and User 6. This example page starts to look a mess because many of the regions are used. you would normally use only some of the regions at the top of the page.

Validation

Validating this theme as CSS 3 produced the following errors.
URI : http://d-theme.com/sites/all/themes/omega/css/reset.css?9
42 blockquote:before, blockquote:after, q:before, q:after Value Error : content none is not a content value : none
URI : http://d-theme.com/sites/all/themes/omega/css/custom.css?9
79 .vertical-tabs-list li Value Error : border-color -moz-use-text-color is not a color value : -moz-use-text-color #cccccc #cccccc

Validating this theme as CSS 2.1 produced the following error.
URI : http://d-theme.com/sites/all/themes/omega/css/custom.css?9
79 .vertical-tabs-list li Value Error : border-color -moz-use-text-color is not a color value : -moz-use-text-color #cccccc #cccccc

Wave did not detect no accessibility 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

Content bottom block title

Content bottom block body. This block shows you what a block looks like in the content bottom region. Image of Drupal: Creating Blogs, Forums, Portals, and Community Websites: How to setup, configure and customise this powerful PHP/MySQL based Open Source CMS Drupal: Creating Blogs, Forums, Portals, and Community Websites: How to setup, configure and customise this powerful PHP/MySQL based Open Source CMS

Postscript 1 block title

Postscript 1 block body. This block shows you what a block looks like in the postscript 1 region. Image of Flash with Drupal Flash with Drupal

Postscript 2 block title

Postscript 2 block body. This block shows you what a block looks like in the postscript 2 region. Image of Drupal 6 Site Builder Solutions Drupal 6 Site Builder Solutions

Postscript 3 block title

Postscript 3 block body. This block shows you what a block looks like in the postscript 3 region. Image of Drupal 6 Social Networking Drupal 6 Social Networking

Postscript 4 block title

Postscript 4 block body. This block shows you what a block looks like in the postscript 4 region. Image of Drupal 6 Themes: Create new themes for your Drupal 6 site with clean layout and powerful CSS styling Drupal 6 Themes: Create new themes for your Drupal 6 site with clean layout and powerful CSS styling