瓦窑源码 快速建站好帮手
客服QQ客服QQ 微信号微信号

织梦dedecms如何给列表页每5条增加一条分隔线

使用织梦dedecms建站的列表页,为了方便浏览文章会增加分隔线,也就是说,实现以下5行,显示虚线。当然,这里实线可以是其他任何线,任何颜色的线,这些线都是css定义的。下面就来说说织梦dedecms如何给列表页每5条增加一条分隔线。

织梦网站源码

使用织梦dedecms建站的列表页,为了方便浏览文章会增加分隔线,也就是说,实现以下5行,显示虚线。当然,这里实线可以是其他任何线,任何颜色的线,这些线都是css定义的。下面就来说说织梦dedecms如何给列表页每5条增加一条分隔线。

先看效果图:

dedecms增加分隔线

然后直接上代码:

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

以上就是关于dedecms增加分隔线的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

TAG标签:dedecms增加分隔线

上一个:织梦dedecms如何在全站调用自定义模型字段
下一个:织梦dedecms如何修改超链接附件URL地址

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

织梦源码 - 织梦模板 - 网页素材 - 织梦教程 - 站长学院 - 热门排行 - Tags标签 - 网站地图 - 免责声明

Copyright©2021 瓦窑源码 Why114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开