解决Dedecms列表pagelist翻页按钮样式的方法

  介绍

这篇文章主要介绍了解决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)   {   全心全意地美元。=" <李>