您现在的位置是:首页 > cms教程 > DedeCMS教程DedeCMS教程

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

语兰2024-05-19DedeCMS教程已有人查阅

导读我看到有些网站在某些文章列表比如推荐文章版块,一整个页面的文章列表看起来会有点乱乱的感觉,在每行或每隔N行列表文章中插入横线,感觉挺好看的

我看到有些网站在某些文章列表比如推荐文章版块,一整个页面的文章列表看起来会有点乱乱的感觉,在每行或每隔N行列表文章中插入横线,感觉挺好看的,所以在这里找了两个方法和大家分享
方法一:
{dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" }
·<a class="syh" href=http://www.ebingou.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}
如果你定义了相关css,如:"syh" 就是隔行变色
方法2:
{dede:arclist typeid='1′ titlelen='40′ row='20′ typeid="" }
<li><a href=http://www.ebingou.cn/"[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个列表加三条线不是四个,之后一个一般不用加分隔线,如果想在之后也加分隔线的话,去掉。

本文标签:

很赞哦! ()

相关源码

  • (自适应HTML5)响应式智能设备人工智能机器pbootcms源码免费下载这款基于PbootCMS开发的网站模板为人工智能和智能设备行业设计,采用现代化科技风格,突出产品的智能特性和技术创新。模板架构合理,功能完善,能够有效展示各类智能产品的核心功能和解决方案。查看源码
  • (PC+WAP)铝合金门窗定制pbootcms网站模板源码为铝合金门窗、定制门窗企业打造的高性能网站模板,基于PbootCMS开源内核开发,采用HTML5自适应架构,PC与手机端数据实时同步,覆盖全终端用户交互场景。查看源码
  • (PC+WAP)蓝色弹簧针厂家探针充电连接器设备网站源码下载基于PbootCMS开发的响应式模板,为弹簧针、探针连接器等电子元器件企业设计。模板采用工业蓝主色调,突出产品技术特性,支持多维度展示连接器产品的规格参数与应用场景,帮助制造企业建立专业线上展示平台。查看源码
  • 响应式电脑维修办公用品维护pbootcms网站模板模板介绍(自适应手机版)响应式电脑修理公司pbootcms网站模板-蓝色HTML5电脑修理维修店网站源码下载PbootCMS内核开发的营销型网站模板,该模查看源码
  • (自适应)刷卡pos机数据移动支付设备电子科技pbootcms模板下载本模板为POS机设备制造商、移动支付终端服务商和科技企业设计,基于PbootCMS系统开发,提供完整的在线展示平台解决方案,满足支付设备行业特有的展示需求。查看源码
  • (自适应)摄像头安防电子设备pbootcms源码下载本模板基于PbootCMS系统开发,为安防电子设备企业设计,特别适合监控摄像头、安防系统等产品的展示。采用响应式技术,确保各类设备参数和功能在不同终端上都能清晰呈现。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐