DedeCMS文章列表每5隔行加横线的如何实现方法

聪明的人懂得说,智慧的人懂得听,高明的人懂得问。若要前行,就得离开你现在停留的地方。早安!
点评:我看到有些网站在某些文章列表比如推荐文章版块,一整个页面的文章列表看起来会有点乱乱的感觉,在每行或每隔N行列表文章中插入横线,感觉挺好看的,所以在这里找了两个方法和大家分享
 
 

方法一:

 

代码如下:

  {dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" }
  ·<a class="syh" rel="nofollow noopener noreferrer" href=http://www.dedecode.com/"[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]"
  target=_blank>[field:title function="cn_substr(@me,48)"/]</a>
  
[field:global name=autoindex runphp="yes"]if(@me%10==0)@me="<hr />
";
  else @me="";
  [/field:global]
  {/dede:arclist}

 

  如果你定义了相关css,如:"syh" 就是隔行变色

  方法2:

 

代码如下:

  {dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" }
  <li><a rel="nofollow noopener noreferrer" href=http://www.dedecode.com/"[field:arcurl/]">[field:title/]</a></li>
  [field:global name=autoindex runphp="yes"](@me % 5 == 0)?@me="<li class=\&;bline\&;></li>":@me="";[/field:global]{/dede:arclist}

 

  如果你定义了相关css,就是每隔5行加一横线,20个列表加三条线不是四个,最后一个一般不用加分隔线,如果想在最后也加分隔线的话,去掉。

本文DedeCMS文章列表每5隔行加横线的如何实现方法到此结束。不要忘记最初那颗不倒的心。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
织梦dede文章列表调用标签的用法和规则

dedecms v5.7文章列表“隔行换色”效果

织梦会员空间文章列表无法分页怎么办

织梦autoindex标签给DEDECMS文章列表添加自动编号

织梦dede首页文章列表arclist按照'weight'权重由小到大