问:频道首页栏目列表如何显示成一列式或多列式?
最近有用户询问,在频道首页模板中,默认的栏目列表是二列多行的格式,想要显示栏目列表为一列多行式或多列多行式,现将修改方法贴出来演示。
标签:
频道首页中栏目列表使用了下面的循环标签:
【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>
<!--网页中部中栏文章栏目代码结束-->
新闻热点
疑难解答
图片精选