問:頻道首頁欄目列表如何顯示成一列式或多列式?
最近有用戶詢問,在頻道首頁模板中,默認的欄目列表是二列多行的格式,想要顯示欄目列表為一列多行式或多列多行式,現將修改方法貼出來演示。
標簽:
頻道首頁中欄目列表使用了下面的循環標簽:
【ArticleList_ChildClass】【Cols=2】
......
【/ArticleList_ChildClass】
主要修改【Cols=2】來實現一列或多列,這里的數值表示顯示的欄目列表的列數。
演示:
1、進入系統后臺,依次點擊〔文章中心治理〕-〔模板治理〕-〔頻道首頁模板〕-〔修改模板〕
2、在〔模板內容:〕的代碼窗口中,找到以下代碼:
================================
<!--網頁中部中欄文章欄目代碼開始-->
<table border="0" align="center" cellpadding="0" cellspacing="0" style="word-break:break-all;Width:fixed">
<tr>
【ArticleList_ChildClass】【Cols=2】
<td valign="top" <table border="0" cellspacing="0" cellpadding="0">
<tr>
<td Class="main_title_282">
<a class='Class' href='{$rsClass_ClassUrl}' title='{$rsClass_Readme}'><b>{$rsClass_ClassName}</b></a>
</td>
</tr>
<tr>
<td valign="top" Class="main_tdbg_282">{$GetArticleList(ChannelID,rsClass_arrChildID,True,0,rsClass_ShowAllItem,rsClass_TopNumber,False,False,"",0,rsClass_ItemListOrderType,2,28,0,False,1,True,False,3,False,False,True,True,True,False,rsClass_ItemOpenType)}</td>
</tr>
<tr>
<td Class="main_shadow"></td>
</tr>
</table>
</td>
【/ArticleList_ChildClass】
</tr>
</table>
<!--網頁中部中欄文章欄目代碼結束-->
================================
這個是系統提供的默認樣式,為兩列式,我們已在頻道中添加了五個欄目,效果如下圖: <tr>
【ArticleList_ChildClass】【Cols=3】
<td valign="top" <table border="0" cellspacing="0" cellpadding="0">
<tr>
<td Class="main_title_282">
<a class='Class' href='{$rsClass_ClassUrl}' title='{$rsClass_Readme}'><b>{$rsClass_ClassName}</b></a>
</td>
</tr>
<tr>
<td valign="top" Class="main_tdbg_282">{$GetArticleList(ChannelID,rsClass_arrChildID,True,0,rsClass_ShowAllItem,rsClass_TopNumber,False,False,"",0,rsClass_ItemListOrderType,2,28,0,False,1,True,False,3,False,False,True,True,True,False,rsClass_ItemOpenType)}</td>
</tr>
<tr>
<td Class="main_shadow"></td>
</tr>
</table>
</td>
【/ArticleList_ChildClass】
</tr>
</table>
<!--網頁中部中欄文章欄目代碼結束-->
新聞熱點
疑難解答
圖片精選