KesionCMS-SQL轻松实现文章图片分行分列

导航：返回上一页

利用自定义SQL轻松实现，文章栏目图片分行分列！

效果图：

• 标签名称:“自定义终极栏目”

• 查询语句：

select ID,Tid,Title,Picurl from KS_Article where tid in({$CurrClassChildID})

• 注意：这里查询语句我是调用了ID，标题，URL，图片地址的。蓝色部分可以随你自己喜欢添加修改的。

CSS:
.class_img {width: 735px;} //这里看你的表格的宽度。
.class_img ul{ list-style:none; margin:0px; padding:0px;} 
.class_img li{ width:130px; float:left;} // 这里的130PX 是看你的图片大小而定。
.class_img a{color:#000000;} //文字链接颜色。
.class_img a:visited{color:#000000;}
.class_img a:hover{color:#FF6600;}
循 环 体 内 容：
<DIV class=class_img><ul><li>
[loop=20]<DIV align=center><A 
title={$Field(Title,Text,0,,0,)} 
href="{$Field(ID,GetInfoUrl,1,1)}" 
target=_blank><IMG class=img2xp 
height=90 alt={$Field(Title,Text,0,,0,)} 
src="{$Field(Picurl,Text,0,,0,)}" 
width=120 border=0></A></DIV>
<DIV align=center><A
 href="{$Field(ID,GetInfoUrl,1,1)}"
 target=_blank>{$Field(Title,Text,20,,0,)}</A>
</DIV>
<li>
[/loop]
</ul>
</DIV>

上面的[loop=20] 是循环条数。

OK这样SQL定义就完成了。

前台调用 {SQL_自定义终极栏目()}

参考来源

• 参考来源