dede几种文章列表样式和标签详解

dede制作网站首页调用文章的列表有好几种系统默认的样式和html标签代码，下面就详细说明一下：

1、纯文本列表样式：

html 调用标签：

纯文本列表只调用标题,适合标题比较长的列表形式,长度约为26个中文字符.
<ul class="c1 ico3">
{dede:arclist row='8'}
<li><a href="[field:arcurl /]">[field:title /]</a></li>
{/dede:arclist}
</ul>

css样式：

/*---------- c : 纯文本列表 ---------*/

.c1{/* 纯文本链接列表 */

padding:4px 0px;

clear:right;

}

.c1 li{

height:27px;

line-height:27px;

overflow:hidden;

padding-left:16px;

background:url(../images/ico-2.gif) 7px 11px no-repeat;

}

.c1 a{

color:#585858;

}

.c2{/* 水平切分的两列纯文本链接列表 */

width:100%;

padding:4px 0px;

overflow:hidden;

clear:both;

}

.c2 li{

width:44%;

margin-right:1%;

float:left;

height:27px;

line-height:27px;

overflow:hidden;

padding-left:16px;

background:url(../images/ico-2.gif) 7px 11px no-repeat;

}

2、带标题的纯文字列表

可以调用23个中文字符的长标题和短日期
<ul class="d1 ico3">
{dede:arclist row='8'}
<li><span class="date">[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
{/dede:arclist}
</ul>

css样式：

.d1{/* 前置时间日期的小列表 */

padding:4px 0px;

}

.d1 li{

height:27px;

line-height:27px;

overflow:hidden;

}

.d1 li span{

color:#ABA9A2;

margin-right:5px;

float:left;

}

.d1 li a{

}

3、时间在后的文章列表

可以调用19个中文字符的长标题和短日期
<ul class="d2 ico3">
{dede:arclist row='8'}
<li><span class="date">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>
{/dede:arclist}
</ul>

.d2{/* 后置时间日期的小列表 */

padding:4px 0px;

}

.d2 li{

height:27px;

line-height:27px;

overflow:hidden;

}

.d2 li span{

color:#777;

float:right;

padding-right:10px;

margin-left:10px;

}

.d2 li a{

overflow:hidden;

}

还有这些形式的列表：

更多html标签和css样式详见word文档