主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
如何在dedecms列表页面列表中求解页面列表按钮样式?
The last page style page list button in the homepage solution and DEDECMS list
Recommended learning: DreamWeaver CMS
Dedecms list page turn button is {dede:pagelist list = "index, end, pre, next, pageno" IS
Homepage1 2 3 Next page Last page
The last page is as follows.
上一页1 2 3last Page
默认模板的CSS样式表:
.dede_pages {} .dede_pages ul {float:left; 填充:12px 0px 12px 16px; } .dede_pages ul li {float:left; 字体家庭:塔霍马(Tahoma); 线高:17px; 保证金右:6px; 边界:1PX实心#E9E9E9; } .dede_pages ul li a {float:left; 填充:2PX 4PX 2PX; 颜色:#555; 显示:块; } .dede_pages ul li a:悬停{颜色:#690;文本设备:无;填充:2PX 4PX 2PX; } .dede_pages li.thisClass,.dede_pages li.thisClass a,.pagebox ul li.ThisClass a:hover {background-color:#f8f8f8;填充:2PX 4PX 2PX;字体 - 我们很好:大胆; 。该属性不会“ .dede_pages ul li”。 如果“ .dede_pages ul li”没有填充:2px 4px 2px;属性
主页和最后一页小于其他按钮。考虑一下这种情况有多丑陋。
以下提供了上述问题的两个解决方案
第一种方法是通过CSS解决它。解决方案是仅在不控制A-TAG的情况下仅向LI添加样式。这是代码:
.dede_pages ul {} .dede_pages ul li {float:left; 身高:18px; 线高:18px; 填充:4px 10px;保证金右:5px; 边界:1PX#B9CDFF固体; } .dede_pages .thisClass {背景:#e3ebfe; }
您可以看到代码非常简洁,但对于用户体验并不是很好。当前按钮应由Li而不是A表示。这相当于不单击按钮并单击文本。 为了改善用户体验,您需要其他解决方案。
第二种方法是修改dede:pagelist arc.listview.class.php中的相关文件。 n“;} - $ endPage =“ last pagern”;}�}�生成的html代码是:主页1 2 3下一页上一页上一页上一页上一页
第二种方法更简单,并增加了用户体验
是否有一种学习php的方法?下载
这几篇文章你可能也喜欢:
- 主题内容如何调用dedecms什么是主题标签?
- 如何实现会员登录方式如何登录Dreamweaver Dedecms直接跳到主页(Dreamweaver Member Center)
- 如果DEDECM在清除列后不从1开始
- 如果我更改Dreamweaver Dedecms广告模块,该怎么办,这表明我的前台没有更新(将Dreamweaver Dedecms转换为WordPress)
- 如何自动将DEDECMS网站内容更新为Sina Weibo
本文由主机参考刊发,转载请注明:DEDECMS列表页面如何在列表页面上求解TurnButton样式(DEDECMS导航栏跳到页面) https://zhujicankao.com/146938.html
评论前必须登录!
注册