了解IT技术
老九你最好的选择

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

如果我们的网站的文章列表页文章数较多,一打开就看到整个页面的文章密密麻麻,看起来会有点乱乱的感觉,如果在每行或每隔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}

赞(1) 打赏
未经允许不得转载:老九IT技术网 » 怎么把dedecms的文章列表页每隔5行加一条线

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

老九为IT技术人提供最全面的IT资讯和交流互动

欢迎投稿广告合作

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏