欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码

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

时间: 2018-12-06 11:51 阅读: 作者:素材无忧网

 也就是实现下面每隔5行,显示一条虚线,当然,这里可以是实线可以是其它的任何一种线,任何一种颜色的线,这些线都是由css定义的。
先上图:
dedecms
织梦列表页每隔N行文章添加一条分隔线(图1)

{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>



大家也可以试下 下面这写法。很管用
[field:global runphp='yes' name=autoindex] $a="<li class='np'>"; $b="<li>"; if ((@me%4)==0 && @me!=20)  @me=$a; else  @me=$b; [/field:global] 

版权声明: 本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

转载请注明: dedecms 织梦列表页每隔N行文章添加一条分隔线

标签:  
模板推荐