客服QQ:8814026

本站模板源码最低300元起 一口价! 不砍价哦亲!

承接织梦 帝国 phpcms仿站业务 价格最低1000起!

工作时间:周一至周五:8:00-18:00 周六、日:10:00-17:00
快云服务器稳定、安全、弹性、可靠高性能,弹性配置供您选择 快云vps站库分离更快速,免费试用,7天无理由退款 快云数据库 多重备份 读写分离 可用性高达99.99% VPS云服务器 VPS云服务器
  • 1
  • 2
  • 3
  • 4
  • 5

phpcms教程

您的位置:首页 > phpcms > phpcms教程

Phpcms V9文章调用标题前面显示排行序号的方法

作者::景团网络 来源:http://www.lijingtuan.com 时间:2014-07-06 14:31:59点击:

续Phpcms V9文章列表调用的一些教程之后,今天CMSYOU在这里,将与大家具体分享Phpcms V9文章调用标题前面显示排行序号的方法。

先上效果图:

PC V9文章调用显示排行数字

在这里的“1、2、3……8”就是所谓的标题前面的排行数字。

大家先想想应该怎么做呢?

假想1:

用背景图,具体用图片的方式,事先做好带有“1、2、3……8”的背景图,作为整个List的背景。

点评:可以实现,但是缺乏灵活性,而且图片会大,不够精简。

假想2:

把不同图标做成不同的小图标,然后手动写每一行li的class或者id,这样实现“1、2、3……8”。

点评:可以实现,但是不便于大量调用,不适合写在模板里边。

下面分享两个具体的Phpcms V9文章调用标题前面显示排行序号调用代码:

调用代码一:

{pc:content action="hits" catid="$catid" num="8" order="monthviews DESC" cache="3600"}
 {loop $data $k $v}
<li><strong class="num2">{$n}</strong><a title="{$v[title]} - {number_format($v[monthviews])}" href="{$v[url]}">{str_cut($v[title],36,'...')}</a></li>
 {/loop}
{/pc}

调用代码二:

{pc:content action="lists" catid="$catid" order="id DESC" num="10"}
{php $j=1;}
{loop $data $v}
  <li>{php echo $j}<a href="{$v[url]}">{str_cut($v['title'],44,'')}</a></li>
{$j++}
{/loop}
{/pc}

采用{$n}或者{$j++}的方式,让调用的数据前面的数字递增。

具体CSS方面的匹配,大家尝试下!相信不会难到大家!同时欢迎大家收听CMSYOU官方微博,相互探讨Phpcms!

------分隔线----------------------------
------分隔线----------------------------
模板分类
赞助商
推荐内容
热点内容
投票调查
    你想要什么样的模板?
     女性时尚
     婚纱摄影
     学校幼儿园
     医院模板
     健康养生
     新闻资讯
     公司企业
     美女图片
     商城购物
     地方门户
赞助商

商业模板

更多