一、单独调用：

<divclass="listbox">{dede:channelartlist}

<dlclass="tbox">

<dt><strong><ahref="{dede:fieldname=’typeurl’/}">{dede:fieldname=’typename’/}</a></strong><spanclass="more"><ahref="{dede:fieldname=’typeurl’/}">更多…</a></span></dt>

<dd>

<ulclass="d1ico3">{dede:arclisttitlelen=’60′row=’6′}

<li><spanclass="date">[field:pubdatefunction="MyDate('m-d',@me)"/]</span><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

</dd>

</dl>{/dede:channelartlist}

</div><!–/listbox–>

以上是官方默认的首页版块调用，默认是调用全站二级栏目的，如果想单独调用某版块的话，可作以下设置：

<divclass="listbox">

<dlclass="tbox">

<dt><strong><ahref="版块路径">版块名称</a></strong><spanclass="more"><ahref="版块路径">更多…</a></span></dt>

<dd>

<ulclass="d1ico3">{dede:arclisttitlelen=’60′row=’6′typeid=’栏目id号’}

<li><spanclass="date">[field:pubdatefunction="MyDate('m-d',@me)"/]</span><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

</dd>

</dl>

</div><!–/listbox–>

—————————————-坚定的分隔线——————————————–

二、图文混排

DEDECMSV5.6在(layout.css)中预设了6种区块列表样式

您可以根据自己的实际需要修改使用

下面以首页区块调用位置为例

我们来详细介绍这六种列表样式的结构和class

首页模板的<divclass="listbox"></div>内是区块列表的调用

<dlclass="tbox">

<dt><strong><ahref="{dede:fieldname=’typeurl’/}">{dede:fieldname=’typename’/}</a></strong><spanclass="more"><ahref="{dede:fieldname=’typeurl’/}">更多…</a></span></dt>

<dd>

<ulclass="d1ico3">

{dede:arclisttitlelen=’60′row=’8′}

<li><spanclass="date">[field:pubdatefunction="MyDate('m-d',@me)"/]</span><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

</dd>

</dl>

其中<dd></dd>区域即为列表调用

只需修改<ul>的class和内部<li>的结构即可更换列表调用样式

—————————————-坚定的分隔线——————————————–

列表调用样式1-纯文本列表(c1)

纯文本列表只调用标题,适合标题比较长的列表形式,长度约为26个中文字符.

<ulclass="c1ico3">

{dede:arclistrow=’8′}

<li><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

列表调用样式2-带日期的长标题列表(d1)

可以调用23个中文字符的长标题和短日期

<ulclass="d1ico3">

{dede:arclistrow=’8′}

<li><spanclass="date">[field:pubdatefunction="MyDate('m-d',@me)"/]</span><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

列表调用样式3-带日期的短标题列表(d2)

可以调用19个中文字符的长标题和短日期

<ulclass="d2ico3">

{dede:arclistrow=’8′}

<li><spanclass="date">[field:pubdatefunction="MyDate('Y-m-d',@me)"/]</span><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

列表调用样式4-图文混排列表1(e5,c1)

左侧调用图片,右侧调用文字标题列表

<ulclass="e5">

{dede:arclistrow=’2′type=’image’}

<li><ahref="[field:arcurl/]"><imgsrc="[field:litpic"/]"/></a></li>

{/dede:arclist}

</ul>

<ulclass="c1ico3">

{dede:arclistrow=’6′}

<li><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

列表调用样式5-图文混排列表2(e6,d2)

上部图片,下部调用文字标题加长日期列表

<ulclass="e6">

{dede:arclistrow=’3′type=’image’}

<li><ahref="[field:arcurl/]"><imgsrc="[field:litpic"/]"/></a></li>

{/dede:arclist}

</ul>

<ulclass="d2ico3">

{dede:arclistrow=’3′}

<li><spanclass="date">[field:pubdatefunction="MyDate('Y-m-d',@me)"/]</span><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

列表调用样式6-图文混排列表3(e6,c2)

上部调用图片,下部调用两列文字列表

<ulclass="e6">

{dede:arclistrow=’3′type=’image’}

<li><ahref="[field:litpic"/]"/></a></li>

{/dede:arclist}

</ul>

<ulclass="c2ico3">

{dede:arclistrow=’6′}

<li><ahref="[field:arcurl/]">[field:title/]</a></li>

{/dede:arclist}

</ul>

另外ico部分有3种ico可选择

分别是:ico1:实心方块,ico2:实心箭头,ico3:描边箭头.

您也可以根据自己需要替换images目录下的ico文件或更改layout.css增加新的ico样式.

这些类型的列表样式可以应用在模板的首页区块列表调用,右侧列表调用及频道页区块列表调用.

另外layout.css中还包含了部分特殊类型的列表调用样式,有兴趣的朋友可以自行研究.