循环体结构:
[loop=10]
<div class="zuopin">
<div class="zuopin_pic"><a href="{$Field(ID,GetInfoUrl,111,1)}" target="_blank"><img src="{$Field(Picurl,Text,0,...,0,)}" alt="{$Field(Title,Text,0,...,0,)}" /></a></div>
<div class="zuopin_right">
<ul>
<li class="zuopin_title"><a href="{$Field(ID,GetInfoUrl,111,1)}" target="_blank">{$Field(Title,Text,0,...,0,)}</a></li>
<li class="zuopin_info">制作周期:<span>{$Field(KS_制作周期,Text,0,...,0,)}</span> 价格:<span>{$Field(KS_zhizuojiage,Text,0,...,0,)}RMB</span> 网站网址:<a href="/go.asp?gourl=http://{$Field(KS_web,Text,0,...,0,)}" target="_blank">{$Field(KS_web,Text,0,...,0,)}</a></li>
<li class="zuopin_about">{$Field(Intro,Text,100,...,0,)}</li>
<li class="zuopin_link"><a href="{$Field(ID,GetInfoUrl,111,1)}" target="_blank">查看详细内容</a></li>
</ul>
</div>
</div>
[/loop]
=======================
CSS:
/* 布局 - 作品分页页面 */
.zuopin{ border-bottom:1px dashed #ccc; overflow:hidden; height:108px; width:538px; margin-bottom:10px;}
.zuopin_pic { width:140px; float:left}
.zuopin_pic img { width:120px; height:90px; padding:3px; background:#fff; border:1px solid #ccc;}
.zuopin_right { width:390px; float:left;}
.zuopin_title { height:24px;}
.zuopin_title a:link,.zuopin_title a:visited,.zuopin_title a:active{color:#50AC23;font-size:14px;font-weight:bold;}
.zuopin_title a:hover{color:#f60;font-size:14px; font-weight:bold;}
.zuopin_info { height:20px; color:#666;}
.zuopin_info span { color:#f60;}
.zuopin_about { line-height:20px; text-indent:2em; color:#666;}
.zuopin_link { text-align:right;}
.zuopin_link a:link,.zuopin_link a:visited,.zuopin_link a:active{color:#f60;font-weight:bold;}
.zuopin_link a:hover{color:#50AC23; font-weight:bold;}
==================
是文章系统,你自己改成那图片系统即可。