『動易』欄目列表頁的子欄目如何顯示成一列式或多列式
問:欄目列表頁的子欄目如何顯示成一列式或多列式?
最近有用戶詢問,在欄目模板中,默認的子欄目列表是一列多行的格式,想要顯示子欄目列表爲多列多行式,現將修改方法貼出來演示。
標籤:
欄目列表頁中子欄目列表使用了下面的循環標籤:
【ArticleList_ChildClass】【Cols=1】
......
【/ArticleList_ChildClass】
主要修改【Cols=1】來實現一列或多列,這裏的數值表示顯示的欄目列表的列數,其中當【Cols=1】時,可以省略。
演示:
1、進入系統後臺,依次點擊〔文章中心管理〕-〔模板管理〕-〔欄目模板〕-〔修改模板〕
2、在〔模板內容:〕的代碼窗口中,找到以下代碼:
================================
【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>
<!--{$GetPicArticle(ChannelID,rsClass_arrChildID,True,0,1,false,false,0,3,2,130,90,20,0,True,1)}--></td>
<td width="1%" rowSpan=2></td>
<td vAlign=top height=50>
<!--{$GetArticleList(ChannelID,rsClass_arrChildID,True,0,rsClass_ShowAllItem,rsClass_TopNumber,False,False,"",0,rsClass_ItemListOrderType,2,44,0,False,1,True,False,3,False,False,True,True,True,False,rsClass_ItemOpenType)}--></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>
<!--{$GetPicArticle(ChannelID,rsClass_arrChildID,True,0,1,false,false,0,3,2,130,90,20,0,True,1)}--></td>
<td width="1%" rowSpan=2></td>
<td vAlign=top height=50>
<!--{$GetArticleList(ChannelID,rsClass_arrChildID,True,0,rsClass_ShowAllItem,rsClass_TopNumber,False,False,"",0,rsClass_ItemListOrderType,2,44,0,False,1,True,False,3,False,False,True,True,True,False,rsClass_ItemOpenType)}--></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>
================================