您好,欢迎来到建站之家源码网建站之家!只做精品网站源码
  • 首 页
  • 当前位置:首页 > 建站教程 > 织梦建站教程 >
    织梦cms文章列表前添加序列号
    时间:2017-10-15 14:39 来源:未知 作者:admin 浏览:收藏 打印

    很多时候我们在做文章列表前面的序号时都直接采用的是背景图片来实现的,但是这样我们在实际写页面过程中需要手动调整每个序号间的间距,对于排版来说非常的麻烦。

    今天给所有自己建网站的学员介绍一种利用dedecms的[field:global.autoindex/]来给文章列表前添加序列号的方法。这种方法在B2B网站制作中经常用到。效果如下图:
    dedecms文章列表前添加序列号

    dedecms文章列表前添加序列号代码

    {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标签中使用。

    以上是通过[field:global.autoindex/]给dedecms文章列表前添加序列号,我们也可以使用css选择器的after属性来达到这样的效果。

    标签:建站之家

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请及时联系QQ:1395550247,我们尽快处理。

    DEDECMS织梦网站模板安装教程DEDECMS织梦网站模板安装教程
    织梦建站教程|企业网站建设视频教程【完整全套】织梦建站教程|企业网站建设视
    DEDE织梦CMS建站零基础到高级仿站视频教程(全套DEDE织梦CMS建站零基础到高级仿
    支持建站之家广告栏目
      客服:我们竭诚为您服务!

      客服:我们竭诚为您服务!