简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

dedecms文章列表加上序号效果

来源:易贤网   阅读:1137 次  日期:2016-07-02 11:09:02

温馨提示:易贤网小编为您整理了“dedecms文章列表加上序号效果”,方便广大网友查阅!

今天来介绍如何在dedecms文章列表加上序号:

css代码部分

<style type="text/css">

<!--

.downtop {

FLOAT: left; OVERFLOW: hidden; WIDTH: 218px; HEIGHT: 278px

}

.downtop UL.text {

MARGIN: 0px 10px; WIDTH: 198px; PADDING-TOP: 5px

}

.downtop UL.text LI {

WIDTH: 198px

}

.downtop UL.text SPAN {

DISPLAY: block; FLOAT: left

}

.downtop UL.text SPAN.num {

MARGIN-TOP: 4px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: 18px; LINE-HEIGHT: 12px; HEIGHT: 13px; TEXT-ALIGN: center;COLOR: #fff; BACKGROUND-COLOR: #b7b7b7

}

.downtop UL.text LI SPAN.active {

BACKGROUND-COLOR: #7abdff

}

.downtop UL.text SPAN.tit {

PADDING-LEFT: 10px; OVERFLOW: hidden; WIDTH: 168px; WHITE-SPACE: nowrap; HEIGHT: 21px

}

-->

</style>

dede标签部分代码

<DIV class="downtop border">

<UL class=text>

{dede:arclist orderby=pubdate type='commend.' titlelen='26' row='10' channel=3}

<LI>[field:global runphp='yes' name=autoindex]

$a="<SPAN class='num active'>";

$b="</SPAN>";

$c="<SPAN class='num'>";

if (@me > 3) @me = $c.@me.$b;

else @me = $a.@me.$b;

[/field:global] <SPAN class=tit><A title="[field:title/]"

href="[field:filename/]">[field:title/]</A></SPAN></LI>

{/dede:arclist}

</UL>

</DIV>

更多信息请查看CMS教程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:DEDECMS企业会员的推荐调用方法
下一篇:DEDECMS的DIGG功能
易贤网手机网站地址:dedecms文章列表加上序号效果
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
相关阅读      CMS教程