现在的位置: 首页 > web前端 > 正文

dedecms的文章列表页每隔5行加一条线应该怎么实现

2020年04月26日 web前端 ⁄ 共 774字 ⁄ 字号 评论关闭

  如果我们的网站的文章列表页文章数较多,一打开就看到整个页面的文章密密麻麻,看起来会有点乱乱的感觉,如果在每行或每隔N行列表文章中插入横线,特别是稍微调整下线条的颜色,会给人更顺眼,更轻松的感觉,能够提供用户体验,另外也可以做列表的隔行变色,效果也不错,下面学步园小编来讲解下dedecms的文章列表页每隔5行加一条线应该怎么实现?

  dedecms的文章列表页每隔5行加一条线应该怎么实现

  第一种:

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

  {dede:arclisttypeid='888′titlelen='80′row='20′}

  ·[field:titlefunction="cn_substr(@me,48)"/]

  [field:globalname=autoindexrunphp="yes"]if(@me%10==0)@me="

  ";

  else@me="";

  [/field:global]

  {/dede:arclist}

  dedecms的文章列表页每隔5行加一条线应该怎么实现

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

  {dede:arclisttypeid='88′titlelen='80′row='20′}

  [field:title/]

  [field:globalname=autoindexrunphp="yes"](@me%5==0)?@me="":@me="";[/field:global]{/dede:arclist}

  以上就是关于“dedecms的文章列表页每隔5行加一条线应该怎么实现”的内容,希望对大家有用。更多资讯请关注学步园。学步园,您学习IT技术的优质平台!

抱歉!评论已关闭.