menu

Page structure

The overall HTML structure (head and body omitted for clarity).

Default:

<div id="wrap">
  <main id="content" class="narrow">
Main content banner, text, images, comments etc (created in admin)
  </main>
  <div id="search">
Search form (if used)
  </div>
  <nav id="menu" class="one">
Navigation menu (auto generated) (default position)
  </nav>
  <div id="extra" class="normal">
Optional extra content (default position)
Edit /inc/extra.php in admin
  </div>
  <footer id="footer">
Footer links etc (add links in admin)
  </footer>
</div>

Optional wide page layout:

<div id="wrap">
  <main id="content" class="wide">
Main content banner, text, images, comments etc (created in admin)
  </main>
  <div id="search">
Search form (if used)
  </div>
  <nav id="menu" class="two">
Navigation menu (auto generated) (different position option)
  </nav>
  <div id="extra" class="option">
Optional extra content (different position option)
Edit /inc/extra.php in admin
  </div>
  <footer id="footer">
Footer links etc (add links in admin)
  </footer>
</div>

The above is the order of display when there is no stylesheet — no styles at all. There are very few modern websites built without any styles. The display of web pages is normally controlled by a stylesheet with rules that create a design (or theme).

More about the stylesheets »

Downloads since Sept 2011: 18,224