最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 建造DedeCMS模版怎样实现列表隔行换配景致,dedec

建造DedeCMS模版怎样实现列表隔行换配景致,dedec

时间:2023-07-20 10:07:20 阅读: 文章分类: 网站建设 作者: dede开发者

导读:dedecmsdedecms在做DedeCMS模版设计时文章列表页很不容易做出彩,这时候我们就准备做些改变,在列表节奏上整点“幺蛾子”!之前我们介绍了让列表页面中的条目分组显示,这算一种体免费织梦模板。

免费织梦模板

在做DedeCMS模版计划时文章列表页很不轻易做出彩,这时辰我们就筹备做些改变,在列表节拍上整点“幺蛾子”!之前我们先容了让列表页面中的条目分组表现,这算一种体积地区的分别改变,本日先容另一种让列表页变大度的要领:实现列表条目隔行换配景致。

实现D梦织模板edeCMS列表页模版条目隔行换色的要领大抵有三种方案:

一 操作 配景图片 实现改换列表条目配景致

起首别笑,我知道这要领很傻,但这也是最最……最简朴的要领(在N年前刚打仗CSS时的我就是用这种要领……),一言以蔽之:配景图片!譬喻列表行高20px,那么我们就做一张40px高度的配景图片,每20px高一个颜色——上下两种均高颜色的图片。配置配景图片平铺在列表外层容器上。

哈哈,有点彪。云云列表弱点是行高必需牢靠,否则行高不均等配景图片就露馅了。甜头是超不变的赏识器兼容(相对第三种要领),以及很薄弱很薄弱的镌汰了处事器压力(相对第二种要领)。

so,虽傻也不容小觑 =。=!

二 操作 {dede:list} 轮回标签实现改换列表条目配景致

第二种要领我们必要操作DedeCMS体系的 [field:global.autoindex/],这个DEDECMS标签是一个自增添标签,他的值是从1开始,随着你的列表自动自增。在我们做网站计划和建造DedeCMS模板时很是好用。在如下代码中你可以将它领略为一个判定,当火线表数是单数照旧偶数?假如是单数列就为 li 加 class=”color1″,假如是偶数列就为 li 加 class=”color2″。

<ul> {dede:list pagesize='20' titlelen='80'} [field:global.autoindex runphp='yes'] if((@me % 2) == 0){ @me ='<li class="color2">'; } else{ @me = '<li class="color1">'; } [/field:global.autoindex] <a href="[fiel织梦的模板d:arcurl/]">[field:title/]</a></li> {/dede:list} </ul>

通过这样我们就可以通过差异的CLASS标签赋予差异的结果,信托认识CSS样式表的你能做出更多的差别结果,不光单是改变配景致那么简朴!

三 操作 CSS选择器 实现改换列表条目配景致

第三种要领行使起来最简朴,看过 20个常用CSS选择器吧 这篇文章的伴侣们应该有些印象,我们可以操作 :nth-child(n) 序号选择器来直接对CSS样式表举办界说。

X:nth-child(n) 这个伪类用于设定一个序列元素(好比li、tr)中的第n个元素(从1开始算起)的样式。

关键词标签: CMS 标签 模版

声明: 本文由我的SEOUC技术文章主页发布于:2023-07-20 ,文章建造DedeCMS模版怎样实现列表隔行换配景致,dedec主要讲述模版,标签,CMS网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_31421.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章