Gallery2:Themes:AutoRC Album HTML - Gallery Codex
Personal tools

Gallery2:Themes:AutoRC Album HTML

From Gallery Codex

This is the HTML source code for the album mockup of AutoRC Theme.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Album Title</title>
  <link href="theme.css"rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="functions.js"></script>
</head>
<body id="gallery" onload="setWidthHeights();" onresize="setWidthHeights();">
  <div id="container">
    <div id="banner">
      <ul id="sitemenu">
        <li><a href="#">Home</a></li>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
      </ul>
    </div>
    <div id="album">
      <div id="sidebar">
        <h4>Gallery Sidebar</h4>
        <ul>
          <li><a href="">Link 1</a></li>
          <li><a href="">Link 2</a></li>
          <li><a href="">Link 3</a></li>
        </ul>
      </div>
      <div class="info">
        <ul class="breadcrumb">
          <li><a href="#">Gallery</a></li>
          <li><a href="#">Album 1</a></li>
          <li><a href="#">Sub Album</a></li>
        </ul>
        <h1>Album Title</h1>
        <p>These are my pictures presented in a simple photo album template.</p>
        <ul class="pager">
          <li><a href="#">Previous</a></li>
          <li><a href="#">Next</a></li>
        </ul>
      </div>

      <div class="item">
        <a href="photo.html"><img src="thumbnails/P1010099.jpg" /></a>
        <h2><a href="photo.html">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="photo.html"><img src="thumbnails/P1010097.jpg" /></a>
        <h2><a href="photo.html">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P1010004.htm"><img src="thumbnails/P1010004.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P1010006.htm"><img src="thumbnails/P1010006.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P1010028.htm"><img src="thumbnails/P1010028.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P1010043.htm"><img src="thumbnails/P1010043.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P8190021.htm"><img src="thumbnails/P8190021.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P8190021_1.htm"><img src="thumbnails/P8190021_1.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P8190022_2.htm"><img src="thumbnails/P8190022_2.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P8190035.htm"><img src="thumbnails/P8190035.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/P8200032.htm"><img src="thumbnails/P8200032.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
      <div class="item">
        <a href="pages/PA150047.htm"><img src="thumbnails/PA150047.jpg" /></a>
        <h2><a href="pages/IMG_4757.htm">Image Title</a></h2>
      </div>
    </div>
  </div>
</body>
</html>