帝国CMS灵动标签输出排行榜式的带序号的排序列表

很多网站都会使用到带序号的列表样式,非常美观,如下图所示:

帝国CMS灵动标签输出排行榜式的带序号的排序列表

想制作这种效果,必须<li>列表输出不出的命名,如下例:

<span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;no1&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;no3&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;no4&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;no5&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;no6&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span>

然后再针对性的写不同的CSS样式。

帝国CMS灵动标签调用列表可以输入为这样的列表,代码如下:

[e:loop={'selfinfo',10,1,0}]<br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;16css&lt;?=$bqno?&gt;&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;&lt;?=$bqsr['titleurl']?&gt;&quot;</span> <span style="color:#00c">target</span>=<span style="color:#a11">&quot;_blank&quot;</span><span style="color:#170">&gt;</span><span style="color:#555">&lt;?</span><span style="color:#000">=</span><span style="color:#000-2">$bqr</span>[<span style="color:#a11">'title'</span>]<span style="color:#555">?&gt;</span><span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br />[/e:loop]

也就是在正常的灵动标签里添加了<?=$bqno?> ,这样生成的列表就会输出数字的列表:

<span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;16css1&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;16css3&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;16css4&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;16css5&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span><br /><span style="color:#170">&lt;li</span> <span style="color:#00c">class</span>=<span style="color:#a11">&quot;16css6&quot;</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;a</span> <span style="color:#00c">href</span>=<span style="color:#a11">&quot;#&quot;</span><span style="color:#170">&gt;</span>标题<span style="color:#170">&lt;/a</span><span style="color:#170">&gt;</span><span style="color:#170">&lt;/li</span><span style="color:#170">&gt;</span>
<span style="color:#170">要</span><span style="color:#170">从2</span><span style="color:#170">开</span><span style="color:#170">始</span><span style="color:#170">就</span> <span style="color:#170">$bqno</span>+<span style="color:#164">1</span> <br /><span style="color:#170">要</span><span style="color:#170">从3</span><span style="color:#170">开</span><span style="color:#170">始</span><span style="color:#170">就</span> <span style="color:#170">$bqno</span>+<span style="color:#164">2</span>

另外,还有万能标签实现输出数字排序列表方法一枚,欢迎围观:

http://www.moyublog.com/notes/368.html

最高¥2000红包
限量
云产品通用,可叠加官网常规优惠使用 | 限时领取
相关文章

帝国CMS在js登陆模板中调用当前登陆用户的头像!

阅读 66

打开e/data/template/loginiframetemp.txt 在 $r=$empire-&gt;fetch1("select".$user_use...博文来自:帝国cms教程

帝国cms内容页某个字段没有填写就不显示

阅读 65

<?phpif($navinfor[字段名]){?>字段有值时显示的内容,如[!---字段名--]<?}else{?>字段无...博文来自:帝国cms教程

帝国CMS电影播放页调用上一集、下一集的方法

阅读 56

打开播放器的php文件 在eDownSysplay下 比如 flasher.php 查找这行代码: ViewOnlineKFen($showdown_r,$...博文来自:帝国cms教程

帝国CMS调用最新最多评论文章

阅读 48

用灵动标签调用最新最多评论文章: [e:loop={'select * from [!db.pre!]ecms_news where checked...博文来自:帝国cms教程

帝国CMS灵动标签调用日期时间

阅读 53

灵动标签调用时间默认的代码不行。用以下代码即可: <?=date("Y-m-d H:i:s",$bqr[newsti...博文来自:帝国cms教程

帝国CMS用虚拟主机如何设置伪静态.htaccess规则

阅读 53

帝国CMS建议直接生成静态页,但有时候也确实希望伪静态,这里以 帝国CMS7.0为例。PHP虚拟主机下设置伪静...博文来自:帝国cms教程

帝国CMS比较高效的随机信息调用方法

阅读 49

有时,我们希望调用随机的信息。 可以在生成标签的时候,标签参数中的排序参数用:’rand()’...博文来自:帝国cms教程

帝国CMS在内容模板里控制内容简介smalltext显示字数

阅读 44

帝国CMS的内容简介通常都是自动截取200个字符的。 但有时我们希望在内容模板中不需要显示这么多,只要显...博文来自:帝国cms教程

帝国CMS获取当前栏目地址的栏目目录

阅读 52

比如栏目连接为:http://www.aaa.com/bbb/ccc/ 我现在要获取ccc这个目录名称,那么应该写法如下: <...博文来自:帝国cms教程

帝国CMS 两种方法实现点击更换网站验证码

阅读 43

两种方法实现点击更换网站验证码 今天分享的这个 点击更换任何验证码 适用于 帝国cms各版本 以及 其...博文来自:帝国cms教程

我爱模板网 从零开始学建站,学习技能、解决问题!

每个月,我们帮助开发者解决各种各样的技术问题。并助力他们在技术能力上获得提升。
没有账号? 忘记密码?

社交账号快速登录