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

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

任康焕2023-10-29DedeCMS教程已有人查阅

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

我看到有些网站在某些文章列表比如推荐文章版块,一整个页面的文章列表看起来会有点乱乱的感觉,在每行或每隔N行列表文章中插入横线,感觉挺好看的,所以在这里找了两个方法和大家分享
方法1:
{dede:arclist typeid=’1′ titlelen=’40′ row=’20′ typeid="" }
·<a class="syh" href="[field:arcurl /]" title="[field:title function='htmlspecialchars(@me)'/]"
target=_blank>[field:title function="cn_substr(@me,48)"/]</a>
<br>[field:global name=autoindex runphp="yes"]if(@me%10==0)@me="<hr /><br />";
else @me="";
[/field:global]
{/dede:arclist}
如果你定义了相关css,如:"syh" 就是隔行变色
方法2:
{dede:arclist typeid=’1′ titlelen=’40′ row=’20′ typeid="" }
<li><a href="[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个列表加三条线不是四个,之后一个一般不用加分隔线,如果想在之后也加分隔线的话,去掉。

本文标签:

很赞哦! ()

相关源码

  • (自适应)英文外贸电子设备网站模板三级子目录基于PbootCMS内核开发的响应式英文网站模板,为外贸企业打造,支持多行业快速适配。通过简洁高效的代码架构,帮助企业低成本构建专业海外形象,实现更好客户触达与订单转化。查看源码
  • (自适应响应式)门窗定制门业带视频功能pbootcms模板下载本模板采用PbootCMS内核开发,为门窗制造、定制安装企业打造,通过可视化后台管理系统快速构建品牌官网。自适应设计确保在手机、平板、电脑等设备上均能获得优质浏览体验查看源码
  • pbootcms网站网络公司个人作品展示类网站源码(自适应)为网站建设公司、网络服务企业打造的响应式门户解决方案,基于PbootCMS内核深度开发。采用前沿自适应架构,无缝适配手机端交互与PC端展示需求。查看源码
  • (自适应)蓝色沙盘复古建筑模型制作网站模板源码下载为建筑沙盘模型企业设计的响应式网站模板,通过三维空间展示技术结合产品参数可视化,有效提升模型作品的线上呈现效果与客户咨询转化率。查看源码
  • (PC+WAP)蓝色电子半导体电子设备网站pbootcms源码下载本模板基于PbootCMS内核开发,为半导体和电子科技行业设计,特别适合电子元器件、集成电路、半导体设备及相关技术产品展示。查看源码
  • 帝国cms7.5自适应手机端在线课程教育网站源码基于帝国CMS后台管理系统,支持在线修改支付参数、联系方式等配置信息,操作界面直观便捷。专注于在线教育视频领域,提供完整的视频课程展示、付费购买及在线支付解决方案。支持多种支付渠道,满足教育培训机构的运营需求。查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐