DEDECMS最为常用的分页标签及分页样式代码_dedecms_CMS教程_脚本之家

我们站长使用织梦(dedecms)用来给自己的网站作为内核的还是比较多的,因为属于国产CMS,一来要支持一下,二来算是目前国内CMS中做的最好的 开源程序之一。所以更多的朋友喜欢用来作为网站的内核。我们只需要给自己需要做的网站做一个属于自己的模板就可以了。但是在做模板的过程中我们需要用到很 多功能,一些通用的功能完全可以采纳通用的样式代码操作,比如itbulu在给公司做仿站的时候需要用到的标签都做成通用版,以后要要使用的时候直接调用 复制就可以,省时省力。 KIl迪尔课堂自学网-|第二课堂|--(官网)
KIl迪尔课堂自学网-|第二课堂|--(官网)
比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。 KIl迪尔课堂自学网-|第二课堂|--(官网)
首先,我们需要在分页列表模板中插入分页列表标签: KIl迪尔课堂自学网-|第二课堂|--(官网)

复制代码
代码如下:
KIl迪尔课堂自学网-|第二课堂|--(官网)
<ul>{dede:list pagesize='30'} KIl迪尔课堂自学网-|第二课堂|--(官网)
<li><a href="[field:arcurl/]">[field:title/]</a>([field:click/] 次阅读)</li> KIl迪尔课堂自学网-|第二课堂|--(官网)
{/dede:list} </ul> KIl迪尔课堂自学网-|第二课堂|--(官网)
<div id="pageNav"> KIl迪尔课堂自学网-|第二课堂|--(官网)
<ul>{dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</ul></div> KIl迪尔课堂自学网-|第二课堂|--(官网)
KIl迪尔课堂自学网-|第二课堂|--(官网)
查看上面的代码是我们需要插入在分页列表模板中的,上面的列表样式我就不列举,主要看其中的分页这段,因为重点是这里,因为很多朋友在加入分页后出现有小圆点,或者是不是横排的。 KIl迪尔课堂自学网-|第二课堂|--(官网)
其次,加入分页样式: KIl迪尔课堂自学网-|第二课堂|--(官网)

复制代码
代码如下:
KIl迪尔课堂自学网-|第二课堂|--(官网)
#pageNav { KIl迪尔课堂自学网-|第二课堂|--(官网)
font: 12px/24px Tahoma; KIl迪尔课堂自学网-|第二课堂|--(官网)
height: 30px; KIl迪尔课堂自学网-|第二课堂|--(官网)
margin: 15px auto 0; KIl迪尔课堂自学网-|第二课堂|--(官网)
text-align: center; KIl迪尔课堂自学网-|第二课堂|--(官网)
width: 500px; KIl迪尔课堂自学网-|第二课堂|--(官网)
} KIl迪尔课堂自学网-|第二课堂|--(官网)
#pageNav ul { KIl迪尔课堂自学网-|第二课堂|--(官网)
list-style-type: none; KIl迪尔课堂自学网-|第二课堂|--(官网)
overflow: hidden; KIl迪尔课堂自学网-|第二课堂|--(官网)
} KIl迪尔课堂自学网-|第二课堂|--(官网)
#pageNav ul li { KIl迪尔课堂自学网-|第二课堂|--(官网)
background-color: #FFFFFF; KIl迪尔课堂自学网-|第二课堂|--(官网)
border: 1px solid #CCDBE4; KIl迪尔课堂自学网-|第二课堂|--(官网)
color: #0B3B8C; KIl迪尔课堂自学网-|第二课堂|--(官网)
display: block; KIl迪尔课堂自学网-|第二课堂|--(官网)
height: 22px; KIl迪尔课堂自学网-|第二课堂|--(官网)
margin: 0 2px; KIl迪尔课堂自学网-|第二课堂|--(官网)
padding: 0 3px; KIl迪尔课堂自学网-|第二课堂|--(官网)
float: left; KIl迪尔课堂自学网-|第二课堂|--(官网)
} KIl迪尔课堂自学网-|第二课堂|--(官网)
#pageNav ul li a { KIl迪尔课堂自学网-|第二课堂|--(官网)
background-color: #FFFFFF; KIl迪尔课堂自学网-|第二课堂|--(官网)
color: #0B3B8C; KIl迪尔课堂自学网-|第二课堂|--(官网)
padding: 0 3px; KIl迪尔课堂自学网-|第二课堂|--(官网)
} KIl迪尔课堂自学网-|第二课堂|--(官网)
#pageNav ul li a:hover { KIl迪尔课堂自学网-|第二课堂|--(官网)
color: #D87D08; KIl迪尔课堂自学网-|第二课堂|--(官网)
} KIl迪尔课堂自学网-|第二课堂|--(官网)
#pageNav ul li.hover { KIl迪尔课堂自学网-|第二课堂|--(官网)
border: 0 none; KIl迪尔课堂自学网-|第二课堂|--(官网)
color: #000000; KIl迪尔课堂自学网-|第二课堂|--(官网)
font-weight: bold; KIl迪尔课堂自学网-|第二课堂|--(官网)
} KIl迪尔课堂自学网-|第二课堂|--(官网)
#pageNav ul li.hover a { KIl迪尔课堂自学网-|第二课堂|--(官网)
color: #000000; KIl迪尔课堂自学网-|第二课堂|--(官网)
} KIl迪尔课堂自学网-|第二课堂|--(官网)

扫一扫手机访问