韩国伦理剧,97香蕉网

<dd id="oomok"></dd>

主頁 > 網(wǎng)站建設(shè) > 建站知識(shí) > DEDECMS最為常用的分頁標(biāo)簽及分頁樣式代碼

DEDECMS最為常用的分頁標(biāo)簽及分頁樣式代碼

POST TIME:2020-04-02 17:33

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

藍(lán)色安防器材公司類整站模板

軟件APP類網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

點(diǎn)評(píng)：今天我要分享的是我們最為常用的分頁列表及分頁樣式代碼，很多人在這個(gè)上面花費(fèi)的時(shí)間較多，其實(shí)很簡(jiǎn)單，如果使用我下面的通用版本就很輕而易舉的完工，感興趣的朋友可以了解下

我們站長(zhǎng)使用織夢(mèng)(dedecms)用來給自己的網(wǎng)站作為內(nèi)核的還是比較多的，因?yàn)閷儆趪?guó)產(chǎn)CMS，一來要支持一下，二來算是目前國(guó)內(nèi)CMS中做的最好的開源程序之一。所以更多的朋友喜歡用來作為網(wǎng)站的內(nèi)核。我們只需要給自己需要做的網(wǎng)站做一個(gè)屬于自己的模板就可以了。但是在做模板的過程中我們需要用到很多功能，一些通用的功能完全可以采納通用的樣式代碼操作，比如itbulu在給公司做仿站的時(shí)候需要用到的標(biāo)簽都做成通用版，以后要要使用的時(shí)候直接調(diào)用復(fù)制就可以，省時(shí)省力。

比如今天我要分享的是我們最為常用的分頁列表及分頁樣式代碼，很多人在這個(gè)上面花費(fèi)的時(shí)間較多，其實(shí)很簡(jiǎn)單，如果使用我下面的通用版本就很輕而易舉的完工。
首先，我們需要在分頁列表模板中插入分頁列表標(biāo)簽：

代碼如下:

<ul>{dede:list pagesize='30'}
<li><a href="[field:arcurl/]">[field:title/]</a>([field:click/] 次閱讀)</li>
{/dede:list} </ul>
<div id="pageNav">
<ul>{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</ul></div>

查看上面的代碼是我們需要插入在分頁列表模板中的，上面的列表樣式我就不列舉，主要看其中的分頁這段，因?yàn)橹攸c(diǎn)是這里，因?yàn)楹芏嗯笥言诩尤敕猪摵蟪霈F(xiàn)有小圓點(diǎn)，或者是不是橫排的。
其次，加入分頁樣式：

代碼如下:

#pageNav {
font: 12px/24px Tahoma;
height: 30px;
margin: 15px auto 0;
text-align: center;
width: 500px;
}
#pageNav ul {
list-style-type: none;
overflow: hidden;
}
#pageNav ul li {
background-color: #FFFFFF;
border: 1px solid #CCDBE4;
color: #0B3B8C;
display: block;
height: 22px;
margin: 0 2px;
padding: 0 3px;
float: left;
}
#pageNav ul li a {
background-color: #FFFFFF;
color: #0B3B8C;
padding: 0 3px;
}
#pageNav ul li a:hover {
color: #D87D08;
}
#pageNav ul li.hover {
border: 0 none;
color: #000000;
font-weight: bold;
}
#pageNav ul li.hover a {
color: #000000;
}