IT技术网www.itjs.cn

当前位置:首页 > 网站建设 > DedeCMS > 怎么把dedecms的文章列表页每隔5行加一条线

怎么把dedecms的文章列表页每隔5行加一条线

发布时间:2015-12-27 18:20 来源:IT技术网

如果我们的网站的文章列表页文章数较多,一打开就看到整个页面的文章密密麻麻,看起来会有点乱乱的感觉,如果在每行或每隔N行列表文章中插入横线,特别是稍微调整下线条的颜色,会给人更顺眼,更轻松的感觉,能够提供用户体验,另外也可以做列表的隔行变色,效果也不错,下面介绍方法:

第一种:

这里的class="itjs",如果定义了itjs这个类,就是实现的隔行变色效果。

 

{dede:arclist typeid='888′ titlelen='80′ row='20′  }
  ·<a class="itjs" href=http://www.itjs.cn/"[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}

 

第二种:

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

{dede:arclist typeid='88′ titlelen='80′ row='20′  }
<li><a href=http://www.itjs.cn/"[field:arcurl/]">[field:title/]</a></li>
[field:global name=autoindex runphp="yes"](@me % 5 == 0)?@me="<li class=\"itjs-line\"></li>":@me="";[/field:global]{/dede:arclist}