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

dedecms织梦列表页每隔N行文章添加一条分隔线的实现方法

含玉2024-05-25DedeCMS教程已有人查阅

导读这是给一个朋友做模板的时候，用到的一个小小的技巧，今天正好用上了，以前看到有人问过不知道解决没有，今天整理了一下，本想保存在自己的电脑里，后来一想

这是给一个朋友做模板的时候，用到的一个小小的技巧，今天正好用上了，以前看到有人问过不知道解决没有，今天整理了一下，本想保存在自己的电脑里，后来一想，不如咱们一起共享一下，也是对织梦的感恩，有好东西就来分享。
也就是实现下面每隔5行，显示一条虚线，当然，这里可以是实线可以是其它的任何一种线，任何一种颜色的线，这些线都是由css定义的。
代码如下：本部分设定了隐藏，您已回复过了，以下是隐藏的内容

{dede:arclist row=30 titlelen=50 orderby=pubdate}
<li><span>[field:stime/]</span><a href="[field:arcurl/]" target="_blank">[field:title/]</a>
[field:global name=autoindex runphp="yes"]
if(@me%10==0)@me="<div class="liehuo_line"></div>";
else @me="";
[/field:global]
</li>
{/dede:arclist}

注意加红色的部分是：是你定义的线，是什么样的线，什么颜色的线，都可以自己用css定义。这只是一个例子，请注意，里面的<li></li>可根据你的模板，选择要还是不要。
有人人问我不会用虚线这个用css定义就好了，我这里给一个，只是个例子，做成什么样的虚线，自己发挥吧：

<style type="text/css">
.liehuo_line{ height:1px; width:100%; border-bottom:1px dashed #000;}
</style>
<div class="liehuo_line"></div>

本文标签：

很赞哦！ ()

上一篇：dedecms模板实现{dede:sql=""}分页功能分解

下一篇：织梦模板修改｛dede:list｝标签后可支持权重排序

图文教程

相关源码

(自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板，采用响应式设计技术，适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码
(自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板，采用响应式布局技术，适配各类移动终端设备。模板设计聚焦科技行业特性，通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码
(自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发，为研磨抛光设备制造企业设计，特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术，确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
(自适应响应式)HTML5幕墙装饰工程建筑装修公司pbootcms模板下载基于PbootCMS开发的响应式模板，为幕墙工程、建筑装饰企业设计，通过数字化展示提升企业专业形象与项目展示能力。结构化数据标记增强项目案例收录，智能URL路由优化，支持每个工程案例独立设置关键词与描述查看源码
(PC+WAP)绿色硅胶橡胶玩具制品营销型网站源码下载为硅胶橡胶制品及玩具行业打造的营销型网站模板，采用PbootCMS内核开发，通过模块化设计实现产品参数、安全认证、应用场景等专业内容的可视化呈现，助力企业建立可信赖的线上展示平台。查看源码
帝国CMS7.5小说推荐公众号导航带wap手机站+带采集工具本模板为小说导航类网站设计开发，基于帝国CMS7.5内核构建，针对小说阅读领域的分类聚合需求进行深度优化。通过智能分类系统和用户行为分析，实现小说资源的精准推荐与导航功能。查看源码