如何解决Dedecms列表的pagelist翻页按钮样式（web scraper翻页）

如何解决dedecms list页面列表的翻页按钮样式？

Dedecms列表中页面列表翻页按钮的首页和末页样式的解决方案

推荐学习:梦想编织cms

Dedecms列表页的翻页按钮为{ dede:page listitem =“index，end，pre，next，pageno“list size =“10“/}。生成html后，列表页面的第一页是

首页1 2 3下一页的最后一页是:

默认模板的第一页上一页1 2 3最后一页CSS样式表:

。dede_pages{ }。dede _ pages ul { float:left；填充:12px 0px 12px 16px} .dede _ pages ul Li { float:left；字体系列:Tahoma行高:17px右边距:6px边框:1px实心# E9E9E9} .阿利{ float:left；填充:2px 4px 2px颜色:# 555；显示:块；} .阿利:hover { color:# 690；文字-装饰:无；填充:2px 4px 2px} .dede_pages ul li.thisclass。dede_pages ul li.thisclass a。page box ul Li . this class a:hover { background-color:# f8f8f 8；填充:2px 4px 2px字体粗细:粗体；}你可以看到这两者”。阿利和。dede _ pages ul Li . this class“have padding:2px 4px 2px；属性，但是”。dede_pages ul li“没有。“中没有填充。dede _ pages ul Li“:2px 4px 2px；属性时间

第一个和最后一个按钮将比其他按钮小。想想这种情况有多难看。以下是解决上述问题的两种方法。

第一种方法由CSS解决。这个解决方案是在不控制A标签的情况下向li添加样式。代码如下:

。dede_pages ul{ }。dede _ pages ul Li { float:left；高度:18px行高:18px填充:4px 10px右边距:5px边框:1px #b9cdff实心；} .dede_pagesthis class { background:# E3 ebfe；}您可以看到代码非常简洁，但对用户体验来说不是很好，因为当前按钮是由li而不是A显示的，因此当用户单击按钮但不单击文本时，等于错过了重点。我们需要另一种解决方案来改善用户体验。

第二种方法是修改包含文件夹中dede:pagelist的相关文件arc.listview.class.php:

打开arc.listview.class.php并找到以下代码:

//获取链接if（$ this-》page no！= 1）{ $ prepage。=“以前的rn“；$indexpage=“主页rn“；} else { $ index page =“home page rn“；}//下一页，链接if（$ this-》page no！= $ total page & & $ total page》1）{ $ next page。=“下一页rn“；$endpage=“最后一页rn“；} else {$endpage=“最后一页rn“；}分别修改$indexpage=“。

主页rn“；$endpage=“最后一页rn“；Is $indexpage=“主页rn“；$endpage=“最后一页rn“；修改后，{ dede:Page listitem =“index，end，pre，next，pageno“listsize =“10“/}生成的html代码如下:主页1 2 3下一页最后一页第二种方法更简单，并增加了用户体验。

PS:使用第二种方法，您不需要修改CSS文件。

以上就是如何解决Dedecms列表翻页按钮样式的详细内容。更多内容请关注主机参考其他相关文章！

这几篇文章你可能也喜欢：

• 如何设置DedeCMS服务器网站目录的安全性（web服务器上的目录权限级别）
• 如何使用DedeCms自动索引和项目索引
• DEDEECMS如何实现showphoto.htm地图集内容的输出（DEDEECMS图片替换）？
• 如何在织梦DEDECMS中显示复制地址（织梦网站没有上传图片）
• 如果dedecms直接访问域名而无法跳转到index.php（通过域名访问html）会怎样？

本文由主机参考刊发，转载请注明：如何解决Dedecms列表的pagelist翻页按钮样式（web scraper翻页） https://zhujicankao.com/101778.html