php零底蘊到接手直播視頻課：進去修業

Dedecms列表pagelist翻頁按鈕樣式怎生解決？

Dedecms列表pagelist翻頁按鈕之首頁和尾頁樣式之解決辦法

舉薦讀書：織夢cms

Dedecms列表頁翻頁按鈕采取之是{dede:pagelist listitem="index,end,pre,next,pageno" listsize="10"/}生成html后列表頁首屆頁是

<li >首頁</li> 
<li class="thisclass">1</li> 
<li><a href='news_2.html'>2</a></li> 
<li><a href='news_3.html'>3</a></li> 
<li><a href='news_2.html'>下部八頁</a></li> 
<li><a href='news_3.html'>梢頁</a></li>

最后十頁是：

<li><a href='news_1.html'>首頁</a></li> 
<li><a href='news_2.html'>上二頁</a></li> 
<li><a href='news_1.html'>1</a></li> 
<li><a href='news_2.html'>2</a></li> 
<li class="thisclass">3</li> 
<li >梢頁</li>

追認沙盤之CSS樣式表：

.dede_pages{ 
} 
.dede_pages ul{ 
float:left; 
padding:12px 0px 12px 16px; 
} 
.dede_pages ul li{ 
float:left; 
font-family:Tahoma; 
line-height:17px; 
margin-right:6px; 
border:1px solid #E9E9E9; 
} 
.dede_pages ul li a{ 
float:left; 
padding:2px 4px 2px; 
color:#555; 
display:block; 
} 
.dede_pages ul li a:hover{ 
color:#690; 
text-decoration:none; 
padding:2px 4px 2px; 
} 
.dede_pages ul li.thisclass, 
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ 
background-color:#F8F8F8; 
padding:2px 4px 2px; 
font-weight:bold; 
}

方可瞧到”.dede_pages ul li a“和”.dede_pages ul li.thisclass“都有padding:2px 4px 2px;屬性但是”.dede_pages ul li“卻沒有。在”.dede_pages ul li“沒有padding:2px 4px 2px;屬性時<li >首頁</li>和<li >尾頁</li>這兩個按鈕就會比此事按鈕小，想想這種動靜是多么難瞧。

下部皮就對之上問題提供兩種解決辦法

首先種抓撓通過CSS解決，本條解決辦法就是不宰制a標簽只對li添加樣式，代碼如底腳：

.dede_pages ul{  
}  
.dede_pages ul li{  
float:left;  
height:18px;  
line-height:18px;  
padding:4px 10px;  
margin-right:5px;  
border:1px #b9cdff solid;  
}  
.dede_pages .thisclass{  
background:#e3ebfe;  
}

得以瞧到代碼非常簡潔，但是對于用戶體驗來說不是很好，應為現時之按鈕是li表現下沁而不是a表現出去之，這樣當用戶線擊在按鈕卻沒線擊到文字上就等于沒線中。為了更好之用戶體驗咱需求另三種解決辦法。

老二種道道兒改改dede:pagelist之相關文本arc.listview.class.php在include文牘夾下邊：

敞開arc.listview.class.php找到如下頭代碼：

//獲得上十頁和主頁之鏈接 
        if  
        { 
            $prepage.="<li><a href='".str_replace ."'>上二頁</a></li>rn"; 
            $indexpage="<li><a href='".str_replace ."'>首頁</a></li>rn"; 
        } 
        else 
        { 
            $indexpage="<li >首頁</li>rn"; 
        } 
        //下面四頁,未頁之鏈接 
        if  
        { 
            $nextpage.="<li><a href='".str_replace ."'>下部八頁</a></li>rn"; 
            $endpage="<li><a href='".str_replace ."'>尾頁</a></li>rn"; 
        } 
        else 
        { 
            $endpage="<li >梢頁</li>rn"; 
        }

分別雌黃$indexpage="<li >首頁</li>rn";$endpage="<li >梢頁</li>rn";為$indexpage="<li class="thisclass">首頁</li>rn";$endpage="<li class="thisclass">蒂頁</li>rn";涂改好之后{dede:pagelist listitem="index,end,pre,next,pageno" listsize="10"/}生成之html代碼如底腳：

<li class="thisclass">首頁</li> 
<li class="thisclass">1</li> 
<li><a href='news_2.html'>2</a></li> 
<li><a href='news_3.html'>3</a></li> 
<li><a href='news_2.html'>底腳三頁</a></li> 
<li><a href='news_3.html'>梢頁</a></li>

老二種法子更簡約還增加了用戶體驗度

PS：使役仲種不二法門就不需求竄改CSS等因奉此了。

之上就是Dedecms列表pagelist翻頁按鈕樣式怎生解決之祥縷情節，更多請關注 小螞蚍蜉站長吧網其他相關篇章！

上一篇：DEDECMS清空欄目后,新建ID不從1開始如何辦

下一篇：織夢DEDECMS如何實現會員登錄或者退出直接跳轉到