做網站的時候(hou)難免(mian)遇(yu)到列表(biao)頁分(fen)頁部分(fen)樣(yang)式怎(zen)么設計和寫入CLASS標(biao)簽。就(jiu)比如你去利用別人的網站分(fen)頁風(feng)格一樣(yang)或者(zhe)自己先修改但是易優是直接一個(ge)(ge)分(fen)頁標(biao)簽，這個(ge)(ge)時候(hou)就(jiu)難倒了(le)。
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
那么我們(men)該怎(zen)么修(xiu)改了(le)。
這里我將簡(jian)單的舉例說(shuo)明下(xia)。
分頁樣式(shi)修(xiu)改需改動(dong)PHP文(wen)件 目錄是：
core/library/think/paginator/driver
目錄里面的(de) Eyou.php ---(PC端）
首先，我們在(zai)這(zhe)里(li)先確(que)認下 自己要改的(de)樣式。
（這(zhe)里(li)以對象網站來(lai)說(shuo)明，也(ye)就是(shi)說(shuo) 分(fen)頁樣式他(ta)首先是(shi)以什(shen)么格式，
比如 ：
<ul>
<li>--</li>
</ul>
這(zhe)樣(yang)的(de)(de)格式 你首先(xian)得先(xian)確(que)認好(hao)他的(de)(de)格式樣(yang)式才可以 這(zhe)樣(yang)才能按照他的(de)(de)格式 來(lai)做修改(gai)。
然后選擇頁(ye)數的(de)當時(shi)樣式 比(bi)如 是第(di)二頁(ye) 那(nei)么 第(di)二頁(ye)了(le)這(zhe)個鏈接（2）就會顯(xian)示不同的(de)樣式來(lai)高亮分(fen)辨
）
來個實際的例子吧！
<div class="ListsPages">
<a>首頁</a>
<a>上一頁</a>
<a class="active">1</a>
<a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a><a href="/10262/shenghuochangshi/lists_1_3.html" data-ey_fc35fdc="html" data-tmp="1">3</a><a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">4</a> <a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">下(xia)一頁</a>
<a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">末頁</a>
</div>
像上面(mian)的(de)樣式應該怎(zen)么修改到我們的(de)分頁里面(mian)去了(le)。
首先(xian)我們先(xian)確(que)定(ding)他(ta)的(de)樣式 基本就是
<div class="ListsPages">
<a class="active">1</a> //選擇后（當前頁）有樣式(shi)
<a>2</a> //沒(mei)選擇后（當前頁）就沒(mei)有樣式(shi)
</div>
那(nei)么在(zai)風格模板里面我們就(jiu)可(ke)以(yi)改成(cheng)以(yi)下
<div class="ListsPages">
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
</div>
然后到(dao) PHP里面我們做修(xiu)改就可(ke)以了,
分頁樣式修改改動PHP文件(jian) 目錄是：
core/library/think/paginator/driver
目錄里面的 Eyou.php ---(PC端(duan)）
找到：
-----------------------------劃(hua)分線開始(shi)---------------------------------------------
protected function getAvailablePageWrapper2($url, $page)
{
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
}
/**
* 生成一個可點擊的按鈕
*
* @param string $url
* @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
}
/**
* 生成(cheng)一個禁用的(de)按鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<li><a>' . $text . '</a></li>';
}
/**
* 生成一個激活的(de)按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<li class="active">;<a>' . $text . '</a></li>';
}
---------------------------------劃分線結束----------------------------------------
修改成以下 代碼：
---------------------------------劃分線開(kai)始----------------------------------------
protected function getAvailablePageWrapper2($url, $page)
{
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
}
/**
* 生成一(yi)個可(ke)點擊的按鈕
*
* @param string $url
* @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
}
/**
* 生成一(yi)個禁用的(de)按(an)鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<a>' . $text . '</a>';
}
/**
* 生成一(yi)個激(ji)活的按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<a class="active">' . $text . '</a>';
}
---------------------------------劃分線結(jie)束(shu)----------------------------------------
紅色部分 active 就(jiu)是當前頁高亮(liang)變色的(de)樣式。
其實修改的部分就是上面有顏色的部分
解說：
return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
改成：
return '<a href="' . htmlentities($url) . '">' . $page . '</a>';
因為樣式里面沒有<li></li>部分
如果新版本里面
增加了
/**
* 生成一個激活的數字按(an)鈕(niu)
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
以上字段 切記 一樣給他修改成：
/**
* 生(sheng)成一(yi)個激活的數字按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<a class="active">' . $text . '</a>';
}
記得！！
保存即可！
這樣做出(chu)來的效(xiao)果(guo) 就是
<div class="ListsPages"> <a>首頁</a> <a>上一頁</a> <a class="active">1</a><a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a><a href="/10262/shenghuochangshi/lists_1_3.html" data-ey_fc35fdc="html" data-tmp="1">3</a><a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">4</a> <a href="/10262/shenghuochangshi/lists_1_2.html" data-ey_fc35fdc="html" data-tmp="1">下一頁(ye)</a> <a href="/10262/shenghuochangshi/lists_1_4.html" data-ey_fc35fdc="html" data-tmp="1">末頁(ye)</a></div>
大家(jia)可以對照下我改(gai)的 就知道怎(zen)么修(xiu)改(gai)了
總結(jie)是 ;先確定好格式(shi) 然后再(zai)按照格式(shi)來(lai)做修(xiu)改(gai)。
明天補充圖文教程
以對象//demoall.yiyocms.com/10949/xinwendongtai/為(wei)例子。
<div class="pglist">
<li><a>首頁</a></li>
<li><a>上一(yi)頁</a></li> <li><a class="hover">1</a></li><li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">2</a></li>
<li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">下(xia)一(yi)頁</a></li>
<li><a href="/10949/xinwendongtai/lists_3_2.html" data-ey_fc35fdc="html" data-tmp="1">末(mo)頁</a></li>
</div>
這(zhe)就是分(fen)頁樣(yang)式(shi)(shi)格式(shi)(shi)
前(qian)端列表頁下(xia)面(mian)的分頁格式 我們就可(ke)以直(zhi)接寫成：
<div class="pglist">
{eyou:pagelist listitem='index,pre,pageno,next,end' listsize='2' /}
</div>
然后打開corelibrarythinkpaginatordriver
目錄里面(mian)的 Eyou.php 做出修改：
首先(xian)是定(ding)義當前(qian)頁數高(gao)亮的部分，就(jiu)是當前(qian)比如是第一頁 那么這個就(jiu)是激活(huo)按鈕樣(yang)式
<li><a class="hover">1</a></li> 我們上面的 樣式 第一(yi)頁為 那么我們先找這個出來。
/**
* 生成一個激活的數字按鈕(niu)
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper2($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
將上面的
return '<;li class="active"><a>' . $text . '</a></li>';
改成：
return '<li><a class="hover">' . $text . '</a><;/li>';
/**
然后
* 生成一個(ge)激活的(de)按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<li class="active"><a>' . $text . '</a></li>';
}
將上面的：
return '<li class="active"><a>' . $text . '</a></li>';
改成：
return '<li><a class="hover">' . $text . '</a></li>';
即可
然后查看總(zong)體(ti)的格式：
他這里(li)都是(shi)<li></li>
那么我們基本(ben)不用多做修改 因為默認的(de)也是帶<li> 格式
這樣出來的效果就是(shi)一(yi)樣了。
注意的(de)就是格式要跟我們自己樣式一樣 就可以了(le)
假如我們用其(qi)他(ta)的 直接a標簽(qian) 不(bu)帶<li> 那么就可以直接刪了 這個(ge)標簽(qian)
結束