Piwigo/template/cclear/picture.tpl

<!-- BEGIN information -->
<div class="pleaseNote">{information.INFORMATION}</div>
<!-- END information -->

<div id="imageHeaderBar">
  <div class="browsePath"><a href="{U_HOME}">{L_HOME}</a>{LEVEL_SEPARATOR}{CATEGORY}</div>
  <div class="imageNumber">{PHOTO}</div>
  <h1>{TITLE}</h1>
</div>

<div id="imageToolBar">
<div class="randomButtons">
  <a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}">
    <img src="template/cclear/theme/slideshow.png" alt="{L_SLIDESHOW}">
  </a>
  <a href="{U_METADATA}" title="{L_PICTURE_METADATA}">
    <img src="template/cclear/theme/metadata.png" alt="{L_PICTURE_METADATA}">
  </a>
<!-- BEGIN favorite -->
  <a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}">
    <img src="{favorite.FAVORITE_IMG}" alt="{favorite.FAVORITE_ALT}">
  </a>
<!-- END favorite -->
<!-- BEGIN download -->
  <a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}">
    <img src="template/cclear/theme/save.png" alt="{L_DOWNLOAD}">
  </a>
<!-- END download -->
<!-- BEGIN admin -->
  <a href="{U_ADMIN}" title="{L_ADMIN}">
    <img src="template/cclear/theme/preferences.png" alt="{L_ADMIN}">
  </a>
<!-- END admin -->
</div>
<div class="navButtons">
<!-- BEGIN next -->
  <a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
    <img src="template/cclear/theme/right.png" alt="next">
  </a>
<!-- END next -->
  <a class="navButton up" href="{U_UP}" title="{L_UP_HINT}">
    <img src="template/cclear/theme/up.png" alt="{L_UP_ALT}">
  </a>
<!-- BEGIN previous -->
  <a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
    <img src="template/cclear/theme/left.png" alt="previous">
  </a>
<!-- END previous -->
</div>
</div>

<div id="theImage">
<!-- BEGIN high -->
<a href="javascript:phpWGOpenWindow('{high.U_HIGH}','{high.UUID}','scrollbars=yes,toolbar=yes,status=yes,resizable=yes,width={high.WIDTH_IMG},height={high.HEIGHT_IMG}')">
<!-- END high -->
  <img src="{SRC_IMG}" style="width:{WIDTH_IMG}px;height:{HEIGHT_IMG}px;" alt="{ALT_IMG}">
<!-- BEGIN high -->
</a>
  <p>{L_PICTURE_HIGH}</p>
<!-- END high -->
<!-- BEGIN legend -->
<p>{legend.COMMENT_IMG}</p>
<!-- END legend -->
<!-- BEGIN stop_slideshow -->
<p>
  [ <a href="{stop_slideshow.U_SLIDESHOW}">{L_STOP_SLIDESHOW}</a> ]
</p>
<!-- END stop_slideshow -->
</div>

<!-- BEGIN previous -->
<a class="navThumb prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}">
  <img src="{previous.IMG}" class="thumbLink" style="margin-right:10px;margin-left:5px;" alt="{previous.TITLE_IMG}">
</a>
<!-- END previous -->
<!-- BEGIN next -->
<a class="navThumb next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}">
  <img src="{next.IMG}" alt="{next.TITLE_IMG}">
</a>
<!-- END next -->

<table class="infoTable" summary="Some info about this picture">
  <!-- BEGIN info_line -->
  <tr>
    <td class="label">{info_line.INFO} :</td>
    <td class="value">{info_line.VALUE}</td>
  </tr>
  <!-- END info_line -->
</table>

<!-- BEGIN metadata -->
<table class="infoTable" summary="Some more (technical) info about this picture">
  <!-- BEGIN headline -->
  <tr>
    <th colspan="2">{metadata.headline.TITLE}</th>
  </tr>
  <!-- END headline -->
  <!-- BEGIN line -->
  <tr>
    <td class="label">{metadata.line.KEY}</td>
    <td class="value">{metadata.line.VALUE}</td>
  </tr>
  <!-- END line -->
</table>
<!-- END metadata -->

<!-- BEGIN rate -->
<p>
{rate.SENTENCE} :
<!-- BEGIN rate_option -->
{rate.rate_option.SEPARATOR} <a href="{rate.rate_option.URL}">{rate.rate_option.OPTION}</a>
<!-- END rate_option -->
</p>
<!-- END rate -->

<!-- BEGIN comments -->
<div id="comments">
<h2>[{comments.NB_COMMENT}] {L_COMMENT_TITLE}</h2>

<div class="navigationBar">{comments.NAV_BAR}</div>

<!-- BEGIN comment -->
<div class="comment">
  <!-- BEGIN delete -->
  <p class="userCommentDelete">
  <a href="{comments.comment.delete.U_COMMENT_DELETE}" title="{L_DELETE_COMMENT}">
    <img src="template/clear/theme/delete.gif" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
  </a>
  </p>
  <!-- END delete -->
  <p class="commentInfo"><span class="author">{comments.comment.COMMENT_AUTHOR}</span> - {comments.comment.COMMENT_DATE}</p>
  <blockquote>{comments.comment.COMMENT}</blockquote>
</div>
<!-- END comment -->

<!-- BEGIN add_comment -->
<h2>{L_ADD_COMMENT}</h2>
<form  method="post" action="{U_ADD_COMMENT}">
  <!-- BEGIN author_field -->
<p><label>{L_AUTHOR}:<input type="text" name="author"></label>
  <!-- END author_field -->
  <!-- BEGIN author_known -->
  <input type="hidden" name="author"  value="{comments.add_comment.author_known.KNOWN_AUTHOR}">
  <!-- END author_known -->
<p><label>{L_COMMENT}:
<textarea name="content" rows="7" style="width:100%;"></textarea></label>
<p><input type="submit" value="{L_SUBMIT}">
</form>
       <!-- END add_comment -->
<!-- END comments -->

</div>