文章频道首页的栏目列表如何显示成一列式多行式方式

dn001 2009-03-07 19:28:10

最近有用户询问，在文章频道首页模板中，默认的栏目列表是二列多行的格式，想要显示栏目列表一列多行式进行显示，现将修改方法贴出来演示，效果请看http://demo.asp163.net/Article/Index.asp。说明：本修改演示是以艺龙美化版模板为范例。

原因：动易系统文章频道中，子栏目录列表用循环函数：
　　【ArticleList_ChildClass】【Cols=2】
　　 ......
　　【/ArticleList_ChildClass】
　　来控制的，因此主要修改这里的【Cols=2】，这里的数值是表示显示的子栏目录列表显示的列数。

解决：
１、进入系统后台，依次点击〔文章中心管理〕－〔文章模板管理〕－〔频道首页模板〕－〔修改模板〕
２、在〔模板内容：〕的代码窗口中，找到以下代码：
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<tr>
<td valign="top"><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="50%"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" Class="main_title_575">
<tr>
<td width="12%"><img src="{$InstallDir}skin/adv3/homedha3.gif" width="55" height="34" align="absmiddle"></td>
<td width="80%"> <a class='Class' href='{$rsClass_ClassUrl}' title='{$rsClass_Readme}'>{$rsClass_ClassName}</a></td>
<td width="8%" align="center"><a class='Class' href='{$rsClass_ClassUrl}' title='{$rsClass_Readme}'><img src="{$InstallDir}skin/adv3/new_more.gif" width="42" height="12" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="108" valign="top" background="{$InstallDir}skin/adv3/FGBG.gif" Class="main_tdbg_282" style="border-right:1px #E6E6E6 solid;">{$GetArticleList(ChannelID,rsClass_arrChildID,True,0,rsClass_ShowAllItem,rsClass_TopNumber,False,False,"",0,rsClass_ItemListOrderType,2,30,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></td>
</tr>
<!--网页中部中栏文章改看虢崾?->
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

将【Cols=2】改成【Cols=1】，并将]【ArticleList_ChildClass】【Cols=2】移到<table> 的前面，将【/ArticleList_ChildClass】移到</table> 的后面。

修改后的代码如下：
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<tr>
<td valign="top">
　　　【ArticleList_ChildClass】【Cols=1】
　　　 <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="word-break:break-all;Width:fixed">
<tr>
<td valign="top" width="50%"> <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0" Class="main_title_575">
<tr>
<td width="12%"><img src="{$InstallDir}skin/adv3/homedha3.gif" width="55" height="34" align="absmiddle"></td>
<td width="80%"> <a class='Class' href='{$rsClass_ClassUrl}' title='{$rsClass_Readme}'>{$rsClass_ClassName}</a></td>
<td width="8%" align="center"><a class='Class' href='{$rsClass_ClassUrl}' title='{$rsClass_Readme}'><img src="{$InstallDir}skin/adv3/new_more.gif" width="42" height="12" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="108" valign="top" background="{$InstallDir}skin/adv3/FGBG.gif" Class="main_tdbg_282" style="border-right:1px #E6E6E6 solid;">{$GetArticleList(ChannelID,rsClass_arrChildID,True,0,rsClass_ShowAllItem,rsClass_TopNumber,False,False,"",0,rsClass_ItemListOrderType,2,30,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>
</tr>
</table>
　　　　【/ArticleList_ChildClass】
　　　　 </td>
</tr>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

３、点击〔保存修改结果〕按钮，保存修改的模板设置。如果您启用了生成html功能，还要点击〔文章管理 | 审核 | 生成〕的〔生成〕，重新生成文章频道的首页。