[织梦教程] DEDE如何制作不同背景的列表

[复制链接]
查看1219 | 回复7 | 2020-4-19 11:42:20 | 显示全部楼层 |阅读模式

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

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

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

织梦教程网络上有很多,但没有一个像自由织梦(www.freedede.cn)这样教程比较齐全的,现在好了,学习开发使用织梦dedecms系 统不用东奔西跑了,直接来自由织梦就好了,提供织梦cms详细的使用教程和织梦建站教程,包括dedecsm的安装、模板开发教程、安 全配置等,DedeCMS从入门到精通建站就是如此轻松。
回复

使用道具 举报

启东1 | 2022-4-20 00:13:00 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

旭日非常 | 2023-3-4 13:17:47 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

龙的传人739 | 2023-4-21 18:06:05 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

小菊花之米 | 2023-5-26 20:15:42 | 显示全部楼层
我是来白嫖悟空源码的积分的!!!!!
回复

使用道具 举报

寻梦敦煌 | 2023-8-6 01:55:03 | 显示全部楼层
厉害了,悟空源码资源多教程多!
回复

使用道具 举报

123457625 | 2023-8-24 22:22:17 | 显示全部楼层
没积分哈,谁来帮帮我啊
回复

使用道具 举报

卢云i | 2023-11-16 23:36:06 | 显示全部楼层
祝愿悟空源码越办越好!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则