服务器之家:专注于服务器技术及软件下载分享
分类导航

DEDECMS|帝国CMS|Discuz|PHPCMS|Wordpress|ZBLOG|ECSHOP|

服务器之家 - 建站程序 - DEDECMS - DedeCMS文章列表每5隔行加横线的实现方法

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

2019-09-05 12:35DEDECMS教程网 DEDECMS

我看到有些网站在某些文章列表比如推荐文章版块,一整个页面的文章列表看起来会有点乱乱的感觉,在每行或每隔N行列表文章中插入横线,感觉挺好看的,所以在这里找了两个方法和大家分

方法一:

  1.  {dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" } 
  2.   ·<a class="syh" href=http://www.zzvips.com/"[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]" 
  3.   target=_blank>[field:title function="cn_substr(@me,48)"/]</a> 
  4.    
  5. [field:global name=autoindex runphp="yes"]if(@me%10==0)@me="<hr /> 
  6. "; 
  7.   else @me=""
  8.   [/field:global] 
  9.   {/dede:arclist} 

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

  方法2:

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

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

延伸 · 阅读

精彩推荐