KingCMS3.0教程之图片列表-新手教程

[来源:1573net.com] [作者:tyx8023] [日期:2007-11-24] [热度:]

KingCMS3.0自带的内部模板没有纯图片列表的模板,今天我给大家提供一个纯图片展示的内部模板,通过使用这个内部模板,大家都可以作出能够实现下面效果的网站模板

我爱编程www.1573net.com原创,转载请注明作者及出处,谢谢!

此内部模板生成网页后的效果如下图所示:

下面是此内部模板的代码: 

{king:rss/}<BR>
  <ul id = "picturelist">
  {king:article type="list" number="30" zebra="5" }
<li><a href="(king:path/)"><IMG alt="(king:title/) " src="(king:image/)" border=0  height=120 width=120>(king:title size="20"/)</a></li>  
  {/king}
 </UL>
<div class="pagelist"></div>

这里是此模板要用到的CSS样式:本站原创,转载请注明作者及出处,谢谢!

#picturelist {
width:700px;
margin-top:20px;
margin-bottom:20px;
text-align:center;
margin-right:auto;
margin-left:auto;
}

#picturelist li {
list-style:none;
float:left;
margin-right:5px;
margin-bottom:10px;
font-weight:bold;
color:#777777;
}

#picturelist img{
display:block;
border:5px solid #f4f6ee;
}
#picturelist img:hover{
border:10px solid #Ff0000;
}


如何使用:

很简单,把上面的内部模板另存一下,放在模板文件夹下inside下的article[list]文件夹中,然后在栏目设置中将内部模板设置为此模板即可。

本站原创,转载请保留此句,谢谢!

一网情深,为您提供免费的网络学习资源