公告:如果您的账号不能登录,可能是系统对您账号进行了保护,我们发现系统中存在着不安全密码,故对其重置,请您重新激活账号,对于给您造成的不便,敬请谅解!
论坛风格切换切换到宽版
  • 11507阅读
  • 17回复

DEDECMS V5.3 官方模板 6种列表样式说明 [复制链接]

上一主题 下一主题
离线yujingjing
 

发帖
134
贡献值
7
威望值
47
技术分
0
织梦币
0
只看楼主 倒序阅读 使用道具 0 发表于: 2009-04-07
— 本帖被 dede 执行加亮操作(2009-06-24) —
DEDECMS V5.3 官方模板 6种列表样式说明
下面以首页区块调用位置为例
首页模板的<div class="listbox"></div>内是区块列表的调用
<dl class="tbox">
<dt><strong><a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></strong><span class="more"><a href="{dede:field name='typeurl'/}">更多...</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>

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


离线ghywanghong
发帖
59
贡献值
0
威望值
16
技术分
0
织梦币
0
只看该作者 1 发表于: 2009-05-18
我顶~~~~~~~~~~~~~~~~~~~~
 
离线wd833

发帖
23
贡献值
8
威望值
3
技术分
0
织梦币
0
只看该作者 2 发表于: 2009-05-18
收埋慢慢睇
 
离线csb925

发帖
60
贡献值
0
威望值
22
技术分
0
织梦币
0
只看该作者 3 发表于: 2009-05-20
收着 慢慢看
离线bigbryert

发帖
71
贡献值
2
威望值
16
技术分
0
织梦币
0
只看该作者 4 发表于: 2009-06-24
有个图例就好啦
离线king2088

发帖
261
贡献值
15
威望值
50
技术分
0
织梦币
0
只看该作者 5 发表于: 2009-06-24
太感谢了,呵呵!……………………www.coolvc.cn
离线km1988
发帖
39
贡献值
0
威望值
12
技术分
0
织梦币
0
只看该作者 6 发表于: 2009-06-26
恩  是啊  要是有图解 就是完美了
离线abcnic1

发帖
486
贡献值
302
威望值
79
技术分
0
织梦币
0
只看该作者 7 发表于: 2009-06-26
引用第6楼km1988于2009-06-26 14:49发表的  :
恩  是啊  要是有图解 就是完美了
离线hdzygm
发帖
1065
贡献值
2084
威望值
5
技术分
0
织梦币
0
只看该作者 8 发表于: 2009-06-26
谢谢分享
离线彩色小猪

发帖
238
贡献值
59
威望值
68
技术分
0
织梦币
0
只看该作者 9 发表于: 2009-09-24
这个部错。