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

Gallery2:Themes:AutoRC Photo HTML

From Gallery Codex

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

<!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>Photo 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>
          <li>Sub Album</li>
        </ul>
        <h1>Photo Title</h1>
        <p>This is my pictures presented in a simple photo album template.</p>
        <ul class="pager">
          <li><a href="#">Previous</a></li>
          <li><a href="album.html">Album</a></li>
          <li><a href="#">Next</a></li>
        </ul>
      </div>
      <div id="photo" class="item">
        <a href="images/P1010099.jpg" title=""><img src="sized/P1010099.jpg" alt=""></a>
      </div>
    </div>
  </div>
</body>
</html>
advertisements