photoalbum.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#AlbumList {
	Overflow: Hidden;
	Float: Left;
	Width: 46%;
	Height: 135px;
	Margin: 8px 15px 0 0;
	Margin-Bottom: 10px;
}
Div#AlbumList Div.AlbumImage {
	Float: Left;
	Width: 180px;
	Height: 130px;
	Padding: 5px 3px;
}
Div#AlbumList Div.AlbumImage Span {
	Float: Left;
	Border: 1px solid #CCCCCC;
	Background: #FFFFFF;
	Padding: 1px;
}
Div#AlbumList Div#AlbumInfo span {
	Margin: 0 8px;
}
ul.Album {
	Padding: 0;
	Margin: 5px 0 0 0;
}
ul.Album li {
	List-Style-Type: None;
	Padding: 0;
	Margin: 4px 0 0 0;
}
Div.AlbumListBorder {
	Background: #F8FFE7;
	Border: 1px solid #ADCD3C;
}
.AblumPhoNum	{ Font-Weight: Bold; Color: #FF6600; }
.AblumEffect	{ Font-Weight: Bold; Color: #008000; }
.AblumName		{ Font-Weight: Bold; Color: #C17824; }
a:link.AblumName,a:visited.AblumName,a:hover.AblumName { Font-Weight: Bold; Color: #C17824; }
</style>
<div id="MainLayout">
  <div class="ShowOther">
    <div id="ListForPage">
      <div class="TitleBox">目前共有{$AllAlbumNum}个相册.</div>
      <div style="clear:both;"></div>
      <!--{$循环标签}-->
      <div id="AlbumList" class="AlbumListBorder">
        <div class="AlbumImage"><span><img src="{$AlbumImage}" border="0" width="160" height="120" align="absmiddle" title="{$AlbumName}的预览图"></span></div>
        <div id="AlbumInfo">
          <ul class="Album">
            <li><a href="?Show=List&AlbumID={$AlbumID}" class="AblumName">相册名称 - {$AlbumName}</a></li>
            <li><font class="AblumPhoNum">共有({$AlbumPhotoNum})张相片</font></li>
            <li><font class="AblumEffect">启用效果 - {$AlbumEffect}</font></li>
            <li><a href="?Show=List&AlbumID={$AlbumID}">查看该相册中的相片</a></li>
            <li>&nbsp;</li>
          </ul>
        </div>
      </div>
      <!--{$循环标签}-->
      <div style="clear: both;"></div>
    </div>
  </div>
  <div id="SideClear"></div>
</div>