主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
如何解决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列表翻页按钮样式的详细内容。更多内容请关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 帝国忘记cms密码怎么办?
- 帝国cms会员中心进入方法(帝国cms会员中心进入方法)
- 如何控制dedecms列表页面的缩略图大小(dedecms分页标签)
- dedecms如何去除梦织底层的梦织版权信息
- dedecms5.7 ask模块404现在该怎么办?
本文由主机参考刊发,转载请注明:如何解决Dedecms列表的pagelist翻页按钮样式(web scraper翻页) https://zhujicankao.com/101778.html
评论前必须登录!
注册