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

织梦建站文章列表隔行换色隔5行横线的实现方法

刘枝迟2023-10-11DedeCMS教程已有人查阅

导读在织梦建站中，文章列表隔行换色能使文章显得更要层次一点，我们可以用些较淡的颜色来区分不同的行。需要列表隔行换色的朋友可以参考以下代码进行修改。

在织梦建站中，文章列表隔行换色能使文章显得更要层次一点，我们可以用些较淡的颜色来区分不同的行。需要列表隔行换色的朋友可以参考以下代码进行修改。
首页要加对应的换色CSS代码：

li a{ COLOR: #fff } .red{ BACKGROUND-COLOR: red } .blue{ BACKGROUND-COLOR: blue }

织梦模板标签代码：

{dede:arclist typeid='1' titlelen='40' row='20' typeid="" }
<li [field:global name=autoindex runphp="yes"](@me % 2 == 0)?@me="class='red'":@me="class='blue'";[/field:global]><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}

文章列表隔五行一条横线：

{dede:list pagesize=’50′}
<LI><a href=”[field:arcurl /]” title=”[field:title function='htmlspecialchars(@me)'/]”
target=_blank>[field:title function="cn_substr(@me,48)"/]</a>[field:pubdate runphp='yes']
$a=”<font color=red>”.strftime(‘%m-%d’,@me).”</font>”;
$b=strftime(‘%m-%d’,@me);
$ntime = time();
$day3 = 3600 * 24;
if(($ntime – @me) < $day3) @me = $a;
else @me =$b;
[/field:pubdate]<br>
[field:global name=autoindex runphp="yes"]
if(@me%5==0)@me=”<hr />”;
else @me=”";
[/field:global]
{/dede:list}
<DIV></DIV></LI>

本文标签：织梦cms建站

很赞哦！ ()

上一篇：织梦dedecms5.7评论加楼层显示的实现方法

下一篇：织梦模板用栏目页实现单页面的步骤教程

图文教程

相关源码

(自适应)绿色园林建筑花卉园艺艺术模板免费下载为景观设计及园艺企业打造的响应式网站框架，基于PbootCMS系统开发，帮助传统园林行业建立现代化数字展示平台。采用标准DIV+CSS前端架构，代码精简无冗余。查看源码
(PC+WAP)盆栽绿植观赏植物花卉租赁免费pbootcms网站模板为花卉盆栽租赁、园林绿化企业打造的PbootCMS网站模板，采用较新内核开发，PC与移动端数据实时同步。通过清新自然的视觉设计，精准展现植物养护、花卉展示等业务场景，帮助用户快速建立专业级行业网站。查看源码
(PC+WAP)红色家装设计智能家居家具建材pbootcms网站源码下载本模板基于PbootCMS系统开发，为智能家居、家装设计及家具建材行业设计。采用现代化布局风格，突出家居设计行业特色，适合展示各类家居产品、设计方案和建材信息。查看源码
(自适应)调节阀门气动球阀控制阀网站模板源码下载为调节阀门、气动球阀等工业设备企业打造的响应式网站模板，基于PbootCMS系统开发。突出产品参数展示与技术文档管理功能，通过专业化的布局设计有效呈现工业设备特性，适配各类终端访问需求。查看源码
(自适应响应式)HTML5简繁双语电子元器件设备制造Pbootcms模板下载本模板为电子科技设备制造、电子元件生产等高科技企业设计，采用PbootCMS内核开发，具备简繁双语切换功能。模板设计充分考虑了电子科技行业的技术展示需求，能够专业呈现各类电子元器件、电路板、智能设备的参数规格和应用方案。查看源码
(自适应)宽屏大气红色机械设备pbootcms模板源码下载为机械设备制造企业设计的响应式网站模板，采用PbootCMS内核开发。宽屏布局突出设备展示效果，红色工业风格贴合机械行业属性，支持PC端与手机端自动适配查看源码