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

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

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

导读我看到有些网站在某些文章列表比如推荐文章版块，一整个页面的文章列表看起来会有点乱乱的感觉，在每行或每隔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个列表加三条线不是四个，之后一个一般不用加分隔线，如果想在之后也加分隔线的话，去掉。

感谢您的认可和支持

微信支付二维码 - 长按识别

微信

支付宝二维码 - 长按识别

支付宝

持续输出优质内容需要动力，您的每一个打赏都是深夜码字时的温暖咖啡☕

本文标签：

很赞哦！ (2)

上一篇：dedecms中首页调用专题的实现方法

下一篇：dede专题节点文章按id点击等类型排序的实现方法

暂无内容
暂无内容

相关教程

暂无内容
暂无内容

图文教程

相关源码

  • 响应式茶叶茶道pbootcms网站模板源码(自适应手机端)棕色复古茶具主题的响应式网站模板，为茶叶茶道企业设计，同时支持古玩字画、艺术文化等行业的快速适配，通过替换文字图片即可转型为其他行业官网，大幅降低开发成本。查看源码
  • (PC+WAP)茶叶茶艺茶道茶文化pbootcms模网站源码下载本模板基于PbootCMS系统开发，为茶叶企业、茶艺培训机构设计，特别适合展示茶产品、茶道文化等内容。采用响应式技术，确保在不同设备上都能呈现优雅的茶文化氛围。查看源码
  • 粉色家政月嫂保姆公司pbootcms网站模板(PC+WAP)为家政服务、月嫂保姆企业打造的营销型解决方案，基于PbootCMS内核开发，采用温馨粉色主题传递行业温度。PHP7.0+高性能架构支持SQLite/MySQL双数据库查看源码
  • 自适应黑色建筑装饰设计公司个人工作室pbootcms模板基于PbootCMS内核开发的黑金风格模板，为建筑装饰、工程设计类企业打造，采用‌开源架构‌，支持跨行业快速适配，核心优势如下： 查看源码
  • (自适应)绿色宠物门诊兽医行业网站模板该绿色清爽风格网站模板专为宠物门诊与兽医诊所设计，基于PbootCMS内核开发，采用响应式布局确保手机、PC等多端体验一致，帮助宠物医疗机构高效构建线上服务平台。查看源码
  • 自适应html5二极管LED灯具灯饰类企业网网站模板该PbootCMS内核开发的响应式模板专为LED照明、灯具制造类企业设计，通过HTML5技术实现手机与PC端自适应显示，确保跨设备访问体验一致。企业可快速替换图文内容适配其他工业领域查看源码
分享笔记 （共有 0 篇笔记）
昵称：
匿名发表 登录账号
         
验证码：

大家在看

织梦cms收费哪几款cms可以免费商用？
    暂无内容

本栏推荐

    暂无内容

相关标签

大家喜欢

    暂无内容