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

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)蓝色勘察设计院机构单位商会协会pbootcms模板下载本模板基于PbootCMS系统开发,为勘察设计院所、工程咨询单位设计,特别适合展示设计成果、技术服务和项目案例。采用响应式技术,确保设计图纸和方案以及文案在不同设备上都能清晰展示。查看源码
  • (PC+WAP)绿色环保建筑设备通用行业pbootcms源码下载通过模块调整可适配园林景观、装配式建筑、绿色装修等生态建设相关领域。预制绿色建材展示、能耗模拟等专业模块,集成项目案例、环保工艺等建筑行业特色内容结构,测试数据包含LEED认证体系查看源码
  • (自适应)蓝色基建施工工程建筑集团网站pbootcms模板下载为工程建筑、基建施工类企业打造的PbootCMS模板,采用现代化设计理念,突出企业实力与项目展示,帮助建筑类企业快速建立专业在线门户。查看源码
  • 帝国CMS游戏应用APP推广下载站模板免费下载本模板为移动应用推广、手机游戏推广行业设计,集成H5游戏平台与APP下载功能,支持PC端与移动端自适应访问。专注于为应用开发商、游戏发行商提供专业的线上推广展示平台。查看源码
  • (自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码
  • (自适应)大型农业机械设备水稻玉米收割机网站pbootcms源码下载本模板基于PbootCMS内核开发,为农业机械设备制造与销售企业设计,特别适合水稻玉米收割机、拖拉机、播种机等农用机械展示。模板充分考虑了农机行业的特性,从产品展示到技术参数,从作业案例到售后服务查看源码
分享笔记 (共有 篇笔记)
验证码:

本栏推荐