DEDECMS V5.3/5.5 官方模板提供了6种列表样式,下面就具体介绍一下

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

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

  <dl class="tbox">

  <dt><strong><a href="{dede:field/}">{dede:field/}</a></strong><span class="more"><a href="{dede:field/}">更多...</a></span></dt>

  <dd>

  <ul class="d1 ico3">

  {dede:arclist titlelen='60' 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>

  </dd>

  </dl>

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

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

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

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

  <ul class="c1 ico3">

  {dede:arclist row='8'}

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

  {/dede:arclist}

  </ul>

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

  可以调用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>

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

  可以调用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>

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

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

  <ul class="e5">

  {dede:arclist row='2' type='image'}

  <li><a href="[field:arcurl /]"><img src="[field:litpic _fcksavedurl=""[field:litpic" /]" /></a></li>

  {/dede:arclist}

  </ul>

  <ul class="c1 ico3">

  {dede:arclist row='6'}

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

  {/dede:arclist}

  </ul>

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

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

  <ul class="e6">

  {dede:arclist row='3'   type='image'}

  <li><a href="[field:arcurl /]"><img src="[field:litpic _fcksavedurl=""[field:litpic" /]" /></a></li>

  {/dede:arclist}

  </ul>

  <ul class="d2 ico3">

  {dede:arclist row='3'}

  <li><span class="date">[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>

  {/dede:arclist}

  </ul>

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

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

  <ul class="e6">

  {dede:arclist row='3'   type='image'}

  <li><a href="[field:arcurl /]"><img src="[field:litpic _fcksavedurl=""[field:litpic" /]" /></a></li>

  {/dede:arclist}

  </ul>

  <ul class="c2 ico3">

  {dede:arclist row='6'}

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

  {/dede:arclist}

  </ul>

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