列表页分页代码样式(页码左右分页)
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站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 04-27手机网站菜单代码(手机网站菜单代码大全)[20240427更新]
- 04-27gps数据解析matlab代码(GPS卫星坐标计算matlab)[20240427更新]
- 04-27贪吃蛇java游戏代码(贪吃蛇java游戏代码讲解)[20240427更新]
- 04-27关于垂直导航jq代码素材的信息[20240427更新]
- 04-27c代码检视(c#代码检查工具)[20240427更新]
- 04-27自动回帖软件源代码(自动回复程序代码)[20240427更新]
- 04-27保存网站到桌面的asp代码(asp网站程序)[20240427更新]
- 04-27手机商城代码(网上商城代码)[20240427更新]
- 04-27c开发实战源代码(c开源项目代码)[20240427更新]
- 04-27java源程序代码连连看(java程序设计连连看实验报告)[20240427更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接