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

来源:模板无忧 作者:壮志 更新时间:2005-06-09 点击:

问:栏目列表页的子栏目如何显示成一列式或多列式?

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

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

演示:
1、进入系统后台,依次点击〔文章中心治理〕-〔模板治理〕-〔栏目模板〕-〔修改模板〕
2、在〔模板内容:〕的代码窗口中,找到以下代码:
================================
【ArticleList_ChildClass】【Cols=1】
<table cellSpacing=0 cellPadding=0 <tr>
<td>
<table class=main_title_575 style=\"WORD-BREAK: break-all\" cellSpacing=0 cellPadding=0 <tr>
<td vAlign=center><A class='Class' title='{$rsClass_Readme}' href='{$rsClass_ClassUrl}'><B>{$rsClass_ClassName}</B></A></td>
<td 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 <tr>
<td vAlign=center align=middle rowSpan=2>
<!--{$GetPicArticle(ChannelID,rsClass_arrChildID,True,0,1,false,false,0,3,2,130,90,20,0,True,1)}--></td>
<td rowSpan=2></td>
<td vAlign=top <!--{$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 <tr>
<td class=main_shadow></td>
</tr>
</table>
【/ArticleList_ChildClass】
================================
这个是系统提供的默认样式,为一列式,其中的【Cols=1】可以省略。我们已在栏目中添加了三个子栏目,效果如下图:

<table border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" style=\"word-break:break-all;Width:fixed\"><tr>
【ArticleList_ChildClass】【Cols=2
<td valign=\"top\" cellSpacing=0 cellPadding=0 <tr>
<td>
<table class=main_title_575 style=\"WORD-BREAK: break-all\" cellSpacing=0 cellPadding=0 <tr>
<td vAlign=center><A class='Class' title='{$rsClass_Readme}' href='{$rsClass_ClassUrl}'><B>{$rsClass_ClassName}</B></A></td>
<td class='Class' title='{$rsClass_Readme}' href='{$rsClass_ClassUrl}'>more...</A> </td>

< Prev12 Next >
相关动易CMS教程:
最新评论:
loading.. 评论加载中....
发表评论:不能超过250字节,请自觉遵守互联网相关政策法规.
  • 昵称: 验证: