这篇文章主要介绍了解决Dedecms列表pagelist翻页按钮样式的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
<强> Dedecms列表pagelist翻页按钮样式怎么解决? 强>
Dedecms列表pagelist翻页按钮的首页和尾页样式的解决办法
推荐学习:织梦cms
Dedecms列表页翻页按钮使用的是{黛德:pagelist listitem=爸甘?最终,pre,接下来,pageno"listsize=?0“/}生成html后列表页第一页是
& lt;李在首页& lt;/li> & lt;李类=皌hisclass"祝辞1 & lt;/li> & lt; li> & lt; a href=https://www.yisu.com/zixun/的news_2.html 2> > 李> <李> 3 > 李> <李> 下一页> 李> <李> 首页> 李> <李> 上一页> 李> <李> > 李> 1 <李> > 李> 2 <李类="学"> 3 李> <李>末页李>
默认模板的CSS样式表:
.dede_pages { } .dede_pages ul { 浮:左; 填充:12 px 0 px 12 px 16 px; } 李.dede_pages ul { 浮:左; 字体类型:大河马字体; 行高:17 px; margin-right: 6 px; 边界:1 px固体# E9E9E9; } 李.dede_pages ul一{ 浮:左; 填充:2 px 4 px 2 px; 颜色:# 555; 显示:块; } .dede_pages ul李答:{徘徊 颜色:# 690; 文字修饰:没有; 填充:2 px 4 px 2 px; } .dede_pages ul li.thisclass、 李.dede_pages ul。学,。李pagebox ul。学:{徘徊 background - color: # F8F8F8; 填充:2 px 4 px 2 px; 粗细:大胆的; }
可以看到“.dede_pages ul李”和“.dede_pages ul。学”都有填充:2 px 4 px 2 px;属性但是“.dede_pages ul李”却没有。在“.dede_pages ul李”没有填充:2 px 4 px 2 px;属性时& lt;李在首页& lt;/li>和& lt;李在尾页& lt;/li>这两个按钮就会比别的按钮小,想想这种情况是多么难看。
<强>下面就对以上问题提供两种解决办法强>
第一种方法通过CSS解决,这个解决办法就是不控制一个标签只对李添加样式,代码如下:
.dede_pages ul { } 李.dede_pages ul { 浮:左; 高度:18 px; 行高:18 px; 填充:4 px 10 px; margin-right: 5 px; 边界:1 px # b9cdff固体; } .dede_pages .thisclass { 背景:# e3ebfe; }
可以看到代码非常简洁,但是对于用户体验来说不是很好,应为现在的按钮是李表现出来而不是一个表现出来的,这样当用户点击在按钮却没点击到文字上就等于没点中。为了更好的用户体验我们需要另一种解决办法。
第二种方法修改黛德:pagelist的相关文件arc.listview.class.php在包括文件夹下:
打开arc.listview.class。php找到如下代码:
//获得上一页和主页的链接 if ($ this→PageNo !=1) { prepage美元。=? lt; li> & lt; a href=https://www.yisu.com/zixun/的“.str_replace(“{页面}”,prepagenum美元,美元tnamerule)。”“>上一页> 李> rn”; 李indexpage美元=" <> 首页> 李> rn”; } 其他的 { 李indexpage美元=" <>首页李> rn”; }//下一页,未页的链接 如果($ this -> PageNo !=$ totalpage & & $ totalpage> 1) { 全心全意地美元。=" <李> 赞