您现在的位置是：首页 > 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个列表加三条线不是四个，之后一个一般不用加分隔线，如果想在之后也加分隔线的话，去掉。

本文标签：

很赞哦！ ()

上一篇：dedecms网站信息会员数文章数等调用方法

下一篇：dedecms的autoindex循环中的几种常见用法介绍

图文教程

相关源码

pbootcms网站模板响应式全屏旅游景区网站源码本模板为风景民宿、旅游景区等企业设计，基于PbootCMS内核开发，具备响应式布局与专业SEO优化功能，助力企业低成本高效获客。以下是核心特点：查看源码
（自适应）帝国CMS7.5模板淘宝客导购博客文章源码本模板基于帝国CMS7.5内核深度开发，为电商导购类网站设计。采用响应式布局技术，确保在手机、平板及电脑端均能获得优质浏览体验。模板内置商品推荐模块与优惠信息展示区，可快速搭建专业导购平台。查看源码
(自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发，为勘察设计院所、工程咨询单位设计，特别适合展示设计成果、技术服务和项目案例。采用响应式技术，确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码
(自适应)代理记账财务会计咨询服务个人公司网站模板该响应式网站模板为代理记账、财政咨询及财务会计类企业设计，基于PbootCMS内核开发。通过自适应手机端的HTML5技术，帮助企业高效构建专业财税服务平台查看源码
自适应html5二极管LED灯具灯饰类企业网网站模板该PbootCMS内核开发的响应式模板专为LED照明、灯具制造类企业设计，通过HTML5技术实现手机与PC端自适应显示，确保跨设备访问体验一致。企业可快速替换图文内容适配其他工业领域查看源码
(带手机版)绿色生态农业种植农产品网站pbootcms源码下载本模板基于PbootCMS内核开发，为生态农业企业量身打造，适用于农业种植、有机农场、农产品电商等业务场景。模板设计充分体现绿色环保理念，突出农业特色，同时保持简洁大气的视觉效果，帮助农业企业建立专业形象。查看源码