『动易』栏目列表页的子栏目如何显示成一列式或多列式
来源:互联网 发布:oracle创建数据库用户 编辑:程序博客网 时间:2024/06/01 16:56
『动易』栏目列表页的子栏目如何显示成一列式或多列式
问:栏目列表页的子栏目如何显示成一列式或多列式?
最近有用户询问,在栏目模板中,默认的子栏目列表是一列多行的格式,想要显示子栏目列表为多列多行式,现将修改方法贴出来演示。
标签:
栏目列表页中子栏目列表使用了下面的循环标签:
【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>
================================
- 『动易』栏目列表页的子栏目如何显示成一列式或多列式
- phpcms 列表页中,如何调用其下的所有子栏目(或特定的子栏目)?
- 【phpcms-v9】无子栏目的栏目如何既能显示频道页又能显示列表页
- 【phpcms】关于无子栏目的栏目如何既能显示频道页又能显示列表页
- DedeCMS子栏目在子栏目或内容页,调用所在顶级栏目的栏目名
- PHP CMS 如何让父栏目显示该栏目并分页和子栏目所有文章列表
- Thinkphp——(后台栏目列表)栏目及子栏目的创建及显示实例操作
- dedecms如何调用指定主栏目的子栏目并列表
- 如何让{dede:channel}有子栏目显示子栏目,无子栏目不显示同级栏目
- phpcms 列表页中,如何调用其下的所有子栏目?
- Thinkphp——关于前台显示栏目和限制显示对应栏目下的商品或文章列表的数目
- Phpcms 详情页显示所属栏目的同级栏目
- PHPCMS调用栏目下的子栏目
- 实现栏目页点击父栏目展开子栏目效果。
- 【phpcms-v9】解决后台栏目管理只显示顶级栏目名而不显示子栏目名的问题?
- phpcms 显示某一栏目的二级栏目
- {dede:channel type='son'}无子栏目时如何显示同级栏目
- phpcms v9中调用某个栏目页面下的 子栏目里面的 所有文章列表
- csdn如何转载别人的文章
- 【Linux】(一)文件相关命令
- 便携与智能:医疗行业迎来全新拐点
- 学习笔记-cmake
- Chrome.storage和HTML5中localStorage的差异
- 『动易』栏目列表页的子栏目如何显示成一列式或多列式
- JavaWeb 安全问题及解决方案
- JAVA内部类总结
- oracle中exp,imp的使用详解
- 十个有用的Sass Mixins
- SUSE 发布亚马逊网络服务测试驱动
- 导演,场景,层,精灵
- java三步 在线生成图形报表-maven-jfreechat
- javascript实现动态添加和删除文件上传选项