西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > dedecms教程 >

DEDECMS织梦列表页每隔N行文章添加一条分隔线

时间:2017-02-23 00:30来源:未知 作者:好模板编辑 点击:
之前给同事做模板的时候,用到的一个DEDECMS织梦小小的技巧,今天正好用上了,以前看到有人问过不知道解决没有, 今天整理了一下,本想保存在自己的电脑里,后来一想,不如咱们一
之前给同事做模板的时候,用到的一个DEDECMS织梦小小的技巧,今天正好用上了,以前看到有人问过不知道解决没有,

今天整理了一下,本想保存在自己的电脑里,后来一想,不如咱们一起共享一下,也是对DEDECMS织梦的感恩,有好东西就来分享。

  也就是实现下面每隔5行,显示一条虚线,当然,这里可以是实线可以是其它的任何一种线,任何一种颜色的线,这些线都是由css定义的。

先上图:

DEDECMS织梦列表页每隔N行文章添加一条分隔线

代码如下:
本部分设定了隐藏,您已回复过了,以下是隐藏的内容

{dede:arclist row=30 titlelen=50 orderby=pubdate}  
<li><span>[field:stime/]</span><a href="[field:arcurl/]" target="_blank">[field:title/]</a>  
[field:global name=autoindex runphp="yes"]  
if(@me%10==0)@me="<div class="liehuo_line"></div>";  
else @me="";  
[/field:global]  
</li>  
{/dede:arclist}  
注意加红色的部分是:是你定义的线,是什么样的线,什么颜色的线,都可以自己用css定义。这只是一个例子,请注意,里面的<li></li>可根据你的模板,选择要还是不要。
   有人人问我不会用虚线这个用css定义就好了,我这里给一个,只是个例子,做成什么样的虚线,自己发挥吧:
<style type="text/css">
.liehuo_line{ height:1px; width:100%; border-bottom:1px dashed #000;}
</style>
<div class="liehuo_line"></div>(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容