公告:

欢迎访问元元本本博客-关注建站技术、SEO优化、主机服务器、站长学习分享!

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

作者:元元本本博客 / 时间:3个月前 (08/21) / 分类:学习织梦cms / 阅读:78 / 评论:0

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

01{dede:arclist row=30 titlelen=50 orderby=pubdate}  
02<li><span>[field:stime/]</span><a href="[field:arcurl/]" target="_blank">[field:title/]</a>  
03[field:global name=autoindex runphp="yes"]  
04if(@me%10==0)@me="<div class="
05liehuo_line
06"></div>";  
07else @me="";  
08[/field:global]  
09</li>  
10{/dede:arclist}  
11注意加红色的部分是:是你定义的线,是什么样的线,什么颜色的线,都可以自己用css定义。这只是一个例子,请注意,里面的<li></li>可根据你的模板,选择要还是不要。
12   有人人问我不会用虚线这个用css定义就好了,我这里给一个,只是个例子,做成什么样的虚线,自己发挥吧:
13<style type="text/css">
14.
15liehuo_line
16{ height:1px; width:100%; border-bottom:1px dashed #000;}
17</style>
18<div class="liehuo_line"></div>
19
20
21
22大家也可以试下 下面这写法。很管用
[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]

打赏支付宝打赏微信打赏
  • QQ交流群
  • 互相指导
  • 博客主微信
  • 方便沟通

没有评论,留下你的印记,证明你来过。


发表评论:取消回复

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。