您现在的位置是:首页 > cms教程 > 帝国CMS教程帝国CMS教程

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

俊悟2023-01-22帝国CMS教程已有人查阅

导读很多网站都会使用到带序号的列表样式,非常美观,如下图所示:想制作这种效果,必须列表输出不出的命名,如下例:帝国CMS灵动标签调用列表可以输入为这样的列表,代码如下:

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

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

<li class="no1"><a href="#">标题</a></li>
<li class="no3"><a href="#">标题</a></li>
<li class="no4"><a href="#">标题</a></li>
<li class="no5"><a href="#">标题</a></li>
<li class="no6"><a href="#">标题</a></li>

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

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

[e:loop={'selfinfo',10,1,0}]
<li class="16css<?=$bqno?>"><a href="<?=$bqsr['titleurl']?>" target="_blank"><?=$bqr['title']?></a></li>
[/e:loop]

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

<li class="16css1"><a href="#">标题</a></li>
<li class="16css3"><a href="#">标题</a></li>
<li class="16css4"><a href="#">标题</a></li>
<li class="16css5"><a href="#">标题</a></li>
<li class="16css6"><a href="#">标题</a></li>

要从2开始就 $bqno+1 
要从3开始就 $bqno+2
另外,还有万能标签实现输出数字排序列表方法一枚,欢迎围观:

本文标签:帝国cms标签 

很赞哦! ()

相关源码

  • Wordpress博客新闻主题在线商店平台betheme 21.5.6版BeTheme是一款功能丰富的WordPress主题模板,专注于为各行业提供网站建设解决方案。该模板支持WooCommerce电子商务功能,能够快速搭建在线商店平台,同时适用于博客、新闻资讯类网站建设。自2014年发布以来,该模板已经获得大量用户的使用验证。查看源码
  • (自适应响应式)装修装潢设计公司网站源码下载本模板为装修设计企业打造,采用PbootCMS内核开发,整体设计突出空间美学与功能性结合。首页采用大图轮播展示工程案例,服务项目模块支持三维效果展示,呈现装修设计企业的专业形象与技术实力。查看源码
  • (自适应)行业协会工会机构单位pbootcms网站源码本模板基于PbootCMS内核开发,为行业协会、工会组织及机构单位量身打造。采用响应式布局设计,可自动适配手机、平板等移动设备,数据实时同步更新。模板包含行业资讯查看源码
  • (自适应响应式)HTML5磁电机械设备蓝色营销型网站pbootcms模板本模板为磁电设备行业设计,采用蓝色营销风格,突出工业设备的专业性和技术感。模板结构清晰,能够有效展示磁电设备的技术参数、应用场景和企业实力,帮助客户快速了解产品特点和公司服务。查看源码
  • (自适应)变压器电子元器件电器配件pbootcms网站模板源码为电子元器件企业打造的响应式网站模板,基于PbootCMS内核开发,助力企业快速构建专业级线上展示平台。支持页面独立设置标题、关键词和描述,内置SEO友好结构。PHP程序确保运行安全稳定,有助于提升搜索引擎收录效果。查看源码
  • 自适应手机版五金机械阀门设备通用行业网站模板该PbootCMS内核开发的网站模板适用于阀门设备、五金机械类企业,通过更换文字图片也可快速适配其他工业领域。采用响应式设计,确保PC端与手机端数据同步,操作便捷,并附带测试数据。查看源码
分享笔记 (共有 篇笔记)
验证码: