动易栏目列表页的子栏目如何显示成一列式或多列式

dn001 2009-06-23 01:06:25

问：栏目列表页的子栏目如何显示成一列式或多列式？
;
　　最近有用户询问，在栏目模板中，默认的子栏目列表是一列多行的格式，想要显示子栏目列表为多列多行式，现将修改方法贴出来演示。

标签：
栏目列表页中子栏目列表使用了下面的循环标签：
【ArticleList_ChildClass】【Cols=1】
......
【/ArticleList_ChildClass】
主要修改【Cols=1】来实现一列或多列，这里的数值表示显示的栏目列表的列数，其中当【Cols=1】时，可以省略。

演示：
１、进入系统后台，依次点击〔文章中心管理〕－〔模板管理〕－〔栏目模板〕－〔修改模板〕
２、在〔模板内容：〕的代码窗口中，找到以下代码：
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【ArticleList_ChildClass】【Cols=1】
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
; <tr>
;<td>
;;;<table class=main_title_575 style="WORD-BREAK: break-all" cellSpacing=0 cellPadding=0 width="100%" border=0>
;;;;;<tr>
; <td vAlign=center><A class='Class' title='{$rsClass_Readme}' href='{$rsClass_ClassUrl}'><B>{$rsClass_ClassName}</B></A></td>
; <td width=51><A class='Class' title='{$rsClass_Readme}' href='{$rsClass_ClassUrl}'>more...</A> </td>
;;;;;</tr>
;;;</table>
;</td>
; </tr>
; <tr>
;<td>
;;;<table class=main_tdbg_575 style="WORD-BREAK: break-all" cellSpacing=0 cellPadding=0 width="100%" border=0>
;;;;;<tr>
; <td vAlign=center align=middle width="22%" height=100 rowSpan=2>
; </td>
; <td width="1%" rowSpan=2></td>
; <td vAlign=top height=50>
; </td>
;;;;;</tr>
;;;</table>
;</td>
; </tr>
</table>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
; <tr>
;<td class=main_shadow></td>
; </tr>
</table>
【/ArticleList_ChildClass】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
这个是系统提供的默认样式，为一列式，其中的【Cols=1】可以省略。我们已在栏目中添加了三个子栏目，效果如下图：

;

修改为多列式，需要修改【Cols=1】中的数值，比如改成2，另外因为是循环表格，要在外面套一个表格：
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="word-break:break-all;Width:fixed"><tr>
【ArticleList_ChildClass】【Cols=2】
<td valign="top" width="284">
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
; <tr>
;<td>
;;;<table class=main_title_575 style="WORD-BREAK: break-all" cellSpacing=0 cellPadding=0 width="100%" border=0>
;;;;;<tr>
; <td vAlign=center><A class='Class' title='{$rsClass_Readme}' href='{$rsClass_ClassUrl}'><B>{$rsClass_ClassName}</B></A></td>
; <td width=51><A class='Class' title='{$rsClass_Readme}' href='{$rsClass_ClassUrl}'>more...</A> </td>
;;;;;</tr>
;;;</table>
;</td>
; </tr>
; <tr>
;<td>
;;;<table class=main_tdbg_575 style="WORD-BREAK: break-all" cellSpacing=0 cellPadding=0 width="100%" border=0>
;;;;;<tr>
; <td vAlign=center align=middle width="22%" height=100 rowSpan=2>
; </td>
; <td width="1%" rowSpan=2></td>
; <td vAlign=top height=50>
; </td>
;;;;;</tr>
;;;</table>
;</td>
; </tr>
</table>
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
; <tr>
;<td class=main_shadow></td>
; </tr>
</table>
</td>
【/ArticleList_ChildClass】
</tr>
</table>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
效果如下图：

;

标签：