16、SQL轻松实现文章图片分行分列 _KESION 科汛-KesionCMS 帮助-[第三节] 其它自定义标签的应用

系统函数标签

求职问答系统标签

其它自定义标签的应用

系统函数标签

求职问答系统标签

其它自定义标签的应用

帮助中心 / KesionCMS 帮助 / V6使用手册 / 模板标签管理 / [第三节] 其它自定义标签的应用 / 浏览文章

16、SQL轻松实现文章图片分行分列

0 2009/8/4 16:16:50

(amyool提供)

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

经过一翻测试，终于实现了。文章系统栏目的终极分页。实现图片+标题分行分列的效果。正兴奋呢。。

自己不敢独享。分享给大家参考。。。

我是用DIV + CSS 的。。

效果图：
图片点击可在新窗口打开查看
标签名称:“自定义终极栏目”

查询语句：

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_自定义终极栏目()}

以上谨供参考！谢谢支持！

上一篇：15、SQL商品分页标签下一篇：15、SQL商品分页标签