Dedecms列表页标签list/pagelist使用方法及pagelist的样式
Dede的默认页面中有个list_article.htm页面,这是dede的列表页面。在列表页显示文章的列表,是通过dede的list和pagelist这两个个标签实现的。本文就这两个标签的使用及pagelist的样式进行下详细的说明。
首先介绍下list标签的参数及使用方法:
标签名称:list
功能说明:表示列表模版里的分页内容列表
使用范围:仅列表页模版 list_*.htm
基本语法:{dede:list col=” titlelen=” infolen=”
imgwidth=” listtype=” orderby=” pagesize=”
orderway=”}{/dede:list}
参数说明:
col=” 内容列数
titlelen=” 标题长度
infolen=” 内容摘要长度
imgwidth=” 缩略图宽度
imgheight=” 缩略图高度
orderby=” 排序方式,有效的排序方式有
senddate、pubdate、id、click、lastpost、postnum,默认为sortrank
pagesize=’20’ 分页大小
底层模版字段:
ID(同id), typeid, sortrank, flag, ismake,
channel, arcrank,click,money,title,shorttitle,color,writer,source,litpic(同picname),pubdate,senddate,mid,lastpost,scores,goodpost,badpost,notpost,description(同infos),filename,
image, imglink, fulltitle, textlink, typelink,plusurl, memberurl,
templeturl,stime(pubdate 的”0000-00-00″格式)
注:list标记除了支持档案表的基本模板变量外,还支持附加表的字段,你可以在模型管理中知道附加表支持列表使用的字段有哪些。
下面介绍pagelist的参数及使用方法:
标签名称:pagelist
功能说明:表示分页页码列表
适用范围:仅列表模板 list_*.htm
基本语法:{dede:pagelist listsize=’5′
listitem=”/}
参数说明:
listsize 表示[1][2][3] 这些项的长度 * 2
listitem 表示页码的样式,可以把下面的值叠加
index 首页
pre 上一页
pageno 页码
next 下一页
end 末页
option 下拉跳转框
例:{dede:pagelist
listitem=’index,end,pre,next,pageno’ listsize=’5′ /}
但是有时候直接引用上面的标签的时候,会出现变形问题。因为pagelist本身就有一些样式是在include/arc.listview.class.php定义css样式的。所以如果你不采用默认模板的话,一调用这个标签就容易出现问题。这是因为列表页pagelist的分页标记在v5.1下默认输出这样的样式:
而在v5.3以后输出样式变成了这样:
下面是两个解决方法。
方法一:(比较直观的方法,个人感觉此方法最好)
首先把这个标签放在一个容器里
- class='pagelist'>{dede:pagelist listsize='5' /}
然后定义css:
- .pagelist
li{ float:left; margin-right:3px; list-style-type:none;}
方法二:去掉
- 标签
在include/arc.listview.class.php中删除相应的
- 代码,输出就变成了v5.1的形式了。另外,include/arc.listview.class.php中option的代码注释掉了,恢复就能用了。
DEDECMS自带样式表CSS定义在
/templets/default/style/page.css
中所有涉及到 .dede_pages
的位置,V5.7中大约从第77开始。大家可以把这段CSS复制到自己的样式表中,然后修改成自己想要的样式就行了。
Dedecms列表页标签list/pagelist使用方法及pagelist的样式的更多相关文章
- dedecms列表页调用子栏目列表,织梦首页调用栏目的子栏目标签代码
dedecms列表页调用子栏目列表,织梦首页调用栏目的子栏目标签代码. dedecms列表页调用子栏目列表标签: {dede:channelartlist type='sun' }<a href ...
- dedecms列表页如何让文章列表里面的文章每隔五篇就隔开一段空间
dedecms列表页如何让文章列表里面的文章每隔五篇就隔开一段空间,运用js控制列表样式的方法. 代码如下: <script type="text/javascript"&g ...
- dedecms列表页如何调用栏目关键词和描述
问:dedecms列表页如何调用栏目关键词和描述 答:有人问起dedecms列表页如何调用栏目关键词和描述.解答如下: 自己实验了下总结方法如下:(以下方法使用于栏目封面和列表和内容页,其他的地方没有 ...
- 织梦dedecms列表页dede:pagelist分页问题
pagelist是dede定义的一个分页标签.有时直接引用这个标签的时候,会出现分页标签变形问题.我在使用非默认模板的时候就遇到过两次. pagelist本身就有一些样式是在include/arc.l ...
- dedecms列表页有图调用缩略图无图留空的方法
默认情况下,织梦的文章列表页会调用出当前栏目下的文章列表,并且调用出每个文章的缩略图:如果文章本身就有图,会调用出一张小图,如果没有,则会显示默认的织梦图片.这种处理方式有时候比较影响美观,其实可以修 ...
- DedeCMS 列表页调用图集内容多张图片的方法
新做一个以图片为主的网站,采用的DEDECMS图集,列表页要求直接调内容面的大图,解决方法如下:(主要是采用php的正则匹配函数preg_match_all函数来巩固复习下该函数:preg_match ...
- dedecms列表页文章有图调用缩略图 无图留空或自定义图片的方法!
默认情况下,织梦的文章列表页会调用出当前栏目下的文章列表,并且调用出每个文章的缩略图:如果文章本身就有图,会调用出一张小图,如果没有,则会显示默认的织梦图片.这种处理方式有时候比较影响美观,其实可以修 ...
- dedecms列表页使用noflag
最近小编使用dedecms遇到列表页需要使用noflag,在网上找了一圈都是直接替换代码,试用了一下并不能解决问题. 以下是小编自己根据资料整理的...多说一句由于各个编辑器打开的方式可能代码不在这一 ...
- 修改dedecms 列表页上一页 下一页 方法!
dedecms根目录下include文件夹下:arc.listview.class.php文件! 1.简单文字替换:如 上一页替换成上页,直接替换即可! 2.文字替换成图片:上一页替换成<img ...
随机推荐
- linux svn up 中文显示乱码解决办法
vi /etc/sysconfig/i18n #LANG="en_US.UTF-8" #LANG=zh_CN.GB18030 #LC_ALL=zh_CN.GB18030 #SYSF ...
- vue实现登录后跳转到之前的页面
在开发中我们经常遇到这样的需求,需要用户直接点击一个链接进入到一个页面,用户点击后链接后会触发401拦截返回登录界面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢? 先说一下我们需要用到的 ...
- 学习整理与细化(1)——Internet 的域名系统(domain name system)
2015-09-20 整理人:承蒙时光 如有错误欢迎指教O(∩_∩)O谢谢 1.作用:提供主机符号符名与IP地址之间转换服务也称域名服务: 2..域名系统的层次型结构命名机制(服务器地址): 计算机名 ...
- 《深入理解Java虚拟机:JVM高级属性与最佳实践》读书笔记(更新中)
第一章:走进Java 概述 Java技术体系 Java发展史 Java虚拟机发展史 1996年 JDK1.0,出现Sun Classic VM HotSpot VM, 它是 Sun JDK 和 Ope ...
- jQuery源码解析资源便签
最近开始解读jQuery源码,下面的链接都是搜过来的,当然妙味课堂 有相关的一系列视频,长达100多期,就像一只蜗牛慢慢爬, 至少品读三个框架,以后可以打打怪,自己造造轮子. 完全理解jQuery源代 ...
- EditTable-V1.0--续集
上一个功能有点少,这个V1.0版本是最小集合的. ================================= 双击单元格编辑,可以添加,删除单元格.并且保持相邻单元格不同的背景色. 引用了“M ...
- JDK中AbstractQueuedSynchronizer应用解析
这个类首先是一个抽象类,定义了一个模板,很多java同步相关的类(ReetrantLock.Semaphore.CountDownLatch等)都是基于AbstractQueuedSynchroniz ...
- Pyqt4的对话框 -- 文件对话框
文件对话框允许用户选择文件或文件夹,被选择的文件可进行读或写操作 # QInputDialog 文件对话框 # 本示例包含一个菜单栏,一个状态栏和一个被设置为中心部件的文本编辑器. # 状态栏的状态信 ...
- 深入理解ES6之—符号与符号属性
在js已有的基本类型(字符串,数值,布尔型,null和undefined)之外,es6引入了一种新的基本类型:==符号(Symbol)==.符号起初被设计用于创建对象私有成员. 符号没有字面量形式,你 ...
- Java集合系列[1]----ArrayList源码分析
本篇分析ArrayList的源码,在分析之前先跟大家谈一谈数组.数组可能是我们最早接触到的数据结构之一,它是在内存中划分出一块连续的地址空间用来进行元素的存储,由于它直接操作内存,所以数组的性能要比集 ...