|
主题:[高级教程]--利用自定义SQL轻松实现,文章栏目图片分行分列 [收藏主题] | 转到: |
(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_自定义终极栏目()} 以上谨供参考!谢谢支持! |
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
lingfeng39 发表于:2009/6/10 10:54:00 | 只看该作者 查看该作者主题
藤椅
|
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
hnhhjianzi 发表于:2008/5/30 8:30:00 | 只看该作者 查看该作者主题
10楼
|
|
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |