DEDE如何制作不同背景的列表

2021-07-29 0 3,873

文章介绍

很多时候我们在做文章列表前面的序号时都直接采用的是背景图片来实现的,但是这样我们在实际写页面过程中需要手动调整每个序号间的间距,对于排版来说非常的麻烦。今天这个文章的目的就是是介绍怎么利用dedecms的[field:global.autoindex/]来实现前面的序号以及背景样式。

实现方法:我们先看下面一段代码

{dede:arclist typeid=’1′ limit=’0,10′ titlelen=’30′} <li><em class=”num[field:global name=autoindex runphp="yes"](@me<4)? @me=”3″:@me=”";[/field:global]“>[field:global name=autoindex runphp="yes"](@me<10)? @me=”0@me”:@me=”10″;[/field:global]</em><a href=”[field:arcurl/]” target=”_blank” title=”[field:fulltitle/]“>[field:title/]</a></li>{/dede:arclist}

//@me 表示这个标记本身的值

//autoindex 自增序号 就想是一般循环有语句中的 i++ 循环一次 自动加1

//runphp=”yes” 在php程序中运行

// em 大家都懂吧 是一个html标签<em>

模板经过解析后前台显示为

<li><em class=”num3″>01</em><###</li>

<li><em class=”num3″>02</em>##</li>

<li><em class=”num3″>03</em>##</li>

<li><em class=”num”>09</em>##</li>

<li><em class=”num”>10</em>##</li>

显示为10行,而且前面都带有编号,至于序号上的颜色边框我想大家用css或者是图片都是可以实现的吧!

解释下上面的语句,autoindex<4 则让autoindex的值返回3 如果autoindex<10 则让autoindex的值返回0autoindex;

如果说你要调用数字非常有规律,跟[field:global name=autoindex runphp="yes"]@me;[/field:global]中的@me 成等比或者是等差或者是相差一个固定的数值,那么可以这样写@me=“@me”+1 ,其它请自行尝试@me=“@me+1”是不对的,那样+1会看作是一个字符串!

dedecms运用[field:global.autoindex/]实现数字序号列表就写到这里,上面的案例只能在arclist标签中使用。

收藏 (0) 打赏

您的支持是我们前进最大的动力!

打开微信扫一扫,即可进行扫码打赏哦
点赞 (0)

本站声明: 根据2013年1月30日《计算机软件保护条例》2次修订第17条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬,鉴于此,也希望大家遵守相关法律法规使用、研究软件。 1、本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解。 2、下载用户仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。 3、站内资源均来源于网络公开发表文件或网友投稿发布,如侵犯您的权益,请联系管理员处理。 4、本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用,如有链接无法下载、失效或广告,请联系客服处理。 5、所有资源均收集于互联网仅供学习、参考和研究,请理解这个概念,所以不能保证每个细节都符合你的需求,也可能存在未知的BUG与瑕疵,因本站资源均为可复制品,所 以不支持任何理由的退款兑现,请熟知后再下载。

彤彤模板团 织梦CMS教程 DEDE如何制作不同背景的列表 https://www.xiaoyuerqingfen.cn/5467.html

一家有态度的精品资源分享平台

常见问题
  • 模板团承诺演示效果图均和网站95%一样,并且我们的模板和数据都没有留后门,请放心使用。
查看详情
  • 因为模板具有可复制性和可传播性,模板一旦发货,非质量问题,不支持退换;所以务必请您一定看清楚后再购买。
查看详情

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    资源总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

开通会员,尊享海量资源下载特权