当前位置:首页 > 代码 > 正文

列表页分页代码样式(页码左右分页)

admin 发布:2022-12-19 19:17 200


今天给各位分享列表页分页代码样式的知识,其中也会对页码左右分页进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

列表分页的样式怎么改成这样的

方法/步骤

1

打开dede列表页模板默认是list_article.htm

div class="mainPage"

ul

{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}

/ul

/div

style type="text/css"

.mainPage{width: 910px; margin:35px 0 25px 0;}

.mainPage ul{width: 580px;height: 32px;display:block;}

.mainPage ul li{float: left; display: inline; height: 28px; line-height: 28px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede;}

.mainPage ul li a{color:#000;}

.mainPage ul li.thisclass{background:#218EC1;border:1px solid ##218EC1;color:#fff;}

.mainPage ul li.thisclass a{color:#fff;}

/style

从seo角度考虑,建议把样式写到样式文件里调用。

ThinkPHP分页样式CSS代码

新建一个thinkphp项目tp,入口文件如下:

2

在数据库think下新建表qq_game,结构如下:

3

新建一个控制器AdminAction.class.php,位置如图所示:

4

在此控制器下新建函数beauty_page,用于美化分页;

未设置自定义分页时,函数如图:

模板页:tp/App/Tpl/Admin/beauty_page.html , 内容如图:

分页结果如下:

thinkphp中通过分页类Page提供的方法setConfig,来修改分页的设置:

比如:在代码 $pg = new Page($count, $per_page); 后插入下面的分页设置代码:

此时,分页显示结果如下(其中的上一页、下一页被改变):

Page类提供的setConfig方法,还可以设置theme 作为分页主题描述信息。

设置该属性可以改变分页的各个单元的显示位置,默认值是:

"%totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end%"

可以通过改变该值的样式改变分页的样式。

比如:在列表页添加样式:如下:

结果显示如下:

也可以给记录总数添加样式,如图,给当前记录数,添加样式:

在模板页添加样式,如图:

结果显示:

总结:可根据自己的爱好,自行添加样式,其中.pages a , .pages .current 是自带的,最好不要修改名称,可修改样式;如果不满意,可参考第11步,自行修改。

如何修改织梦内容页和列表页Pagelist分页样式

以下是基于DeDeCms下讨论的话题:

我们在用dede仿站的时候,调用文章列表页的分页时,我们会用到:

{dede:pagelist listitem=”info,index,end,pre,next,pageno” listsize=”5″/}

然而系统默认的解析样式是

数字

,但是有时候我们的目标站的分页样式是数字。

因为目标站的CSS里面根本没有这对标签的属性值,因此页面就会出现混乱,显然我们不需要

这对标签,下面我们来说说怎么修改。

首先我们要明白一个理论,DEDE的页面都分动态和静态两种方式显示,显然标签的解析函数也会有两个,分别对应静态和动态页面。

修改列表页的{dede:pagelist /}标签,首先我们要确定自己列表页是动态还是静态的页面。

找到include文件夹内的arc.listview.class.php文件,

如果是动态的,ctrl+F查找function GetPageListDM。

如果是静态的,ctrl+F查找function GetPageListST。

~~以下是GetPageListDM函数的部分代码:

if($totalpage=1 $this-TotalResult0)

{

return “

共 1 页/”.$this-TotalResult.” 条记录

\r\n”;

}

if($this-TotalResult == 0)

{

return “

共 0 页/”.$this-TotalResult.” 条记录

\r\n”;

}

$maininfo = “

共 {$totalpage}页”.$this-TotalResult.”条

\r\n”;

去掉函数里面的

标签即可,如果你要修改解析后显示的数据格式也可以在这里面修改(如添加class=XX)。

具体修改需要因目标站而决定。

PS: 内容页面的分页修改文件是include文件夹中:arc.archives.class.php

dedecms列表页的分页怎么写?

列表页使用标签list调去文章然后使用分页标签{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}

list标签

{dede:list col='' titlelen='' infolen='' imgwidth='' imgheight='' listtype='' orderby='' pagesize='' orderway=''}{/dede:list}

参数说明:

col='' 内容列数

titlelen='' 标题长度

infolen='' 内容摘要长度

imgwidth='' 缩略图宽

imgheight='' 缩略图高

orderby='' 排序方式,有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum ,默认为 sortrank

pagesize='20' 分页大小

分页标签

{dede:pagelist listsize='5' listitem=''/}

参数说明:

listsize 表示 [1][2][3] 这些项的长度 x 2

listitem 表示页码样式,可以把下面的值叠加

index首页

pre 上一页

pageno 页码

next 下一页

end 末页

option 下拉跳转框

关于列表页分页代码样式和页码左右分页的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;

本文地址:http://ahzz.com.cn/post/19920.html


取消回复欢迎 发表评论:

分享到

温馨提示

下载成功了么?或者链接失效了?

联系我们反馈

立即下载