photolist.html

网站skin包

<!--相片列表页面模板-->
<style type="text/css">
Div.TitleBox {
	Background-Color: #F8FFE7;
	Border: 1px solid #ADCD3C;
	Float: Left;
	Width: 200px;
	Padding: 5px;
	Text-Align: Center;
	Font-Weight: Bold;
	Color: #555555;
}
Div#PhotoList {
	Overflow: Hidden;
	Float: Left;
	Width: 22%;
	Height: 215px;
	Margin: 8px 15px 10px 0;
	Text-Align: Center;
}
Div#PhotoList Div.PhotoImage {
	Height: 130px;
	Width: 180px;
	Margin: 0 Auto;
}
Div#PhotoList Div.PhotoImage img {
	Border: 1px solid #CCCCCC;
	Background: #FFFFFF;
	Padding: 1px;
	height: 120px;
	width: 160px;
}
Div#PhotoList Div.PhotoNote p {
	Margin: 0;
	Padding: 3px 0 0 0;
}
Div.PhotoListBorder {
	Background: #F8FFE7;
	Border: 1px solid #ADCD3C;
}
</style>
{$EffectCode}
<div id="MainLayout">
  <div class="ShowOther">
    <div id="ListForPage">
      <div class="TitleBox">共有{$PhotoNum}张相片.&nbsp;<a href="?Show=Album">返回相册首页.</a></div>
      <div style="clear:both;"></div>
      <!--{$循环标签}-->
      <div id="PhotoList" class="PhotoListBorder">
        <div class="PhotoTitle" title="标题:{$PhotoAllTitle}">相片:{$PhotoShowTitle}</div>
        <div class="PhotoImage"><a {$EffectShow}><img src="{$PhotoUrl}" border="0" align="absmiddle" title="作者:{$PhotoAuthor}" /></a></div>
        <div class="PhotoNote" title="描述:{$PhotoAllNote}">
          <p>{$PhotoShowNote}</p>
          <p><img src="{$ThemeFolder}Images/icon_pho1.gif" border="0" align="absmiddle" />&nbsp;<a href="?Show=View&PhotoID={$PhotoID}">浏览({$PhotoReadNum})</a>&nbsp;&nbsp;<img src="{$ThemeFolder}Images/icon_pho2.gif" border="0" align="absmiddle" />&nbsp;<a href="?Show=View&PhotoID={$PhotoID}#Comment">评论({$PhotoCommentNum})</a></p>
        </div>
      </div>
      <!--{$循环标签}-->
      <div style="clear: both;"></div>
      {$ShowPage}
    </div>
  </div>
</div>