循环体结构：

[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>&nbsp; &nbsp; 价格：<span>{$Field(KS_zhizuojiage,Text,0,...,0,)}RMB</span>&nbsp; &nbsp; 网站网址：<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;}

==================

是文章系统，你自己改成那图片系统即可。