DEDECMS分页标签及分页样式通用代码
2013-09-30 11:41
274 查看
我们站长使用织梦(dedecms)用来给自己的网站作为内核的还是比较多的,因为属于国产CMS,一来要支持一下,二来算是目前国内CMS中做的最好的 开源程序之一。所以更多的朋友喜欢用来作为网站的内核。我们只需要给自己需要做的网站做一个属于自己的模板就可以了。但是在做模板的过程中我们需要用到很
多功能,一些通用的功能完全可以采纳通用的样式代码操作,比如itbulu在给公司做仿站的时候需要用到的标签都做成通用版,以后要要使用的时候直接调用 复制就可以,省时省力。
比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。
首先,我们需要在分页列表模板中插入分页列表标签:
<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>
查看上面的代码是我们需要插入在分页列表模板中的,上面的列表样式我就不列举,主要看其中的分页这段,因为重点是这里,因为很多朋友在加入分页后出现有小圆点,或者是不是横排的。
其次,加入分页样式:
#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;
}
多功能,一些通用的功能完全可以采纳通用的样式代码操作,比如itbulu在给公司做仿站的时候需要用到的标签都做成通用版,以后要要使用的时候直接调用 复制就可以,省时省力。
比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。
首先,我们需要在分页列表模板中插入分页列表标签:
<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>
查看上面的代码是我们需要插入在分页列表模板中的,上面的列表样式我就不列举,主要看其中的分页这段,因为重点是这里,因为很多朋友在加入分页后出现有小圆点,或者是不是横排的。
其次,加入分页样式:
#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;
}
相关文章推荐
- DEDECMS最为常用的分页标签及分页样式代码
- ASP通用分页样式函数代码
- ASP通用分页样式函数代码
- dedecms 5.6 分页样式代码修改方法
- 分享两个DEDECMS分页样式css代码
- 一个命令搞定Java Web通用添删改查及分页代码生成(音视频)
- 织梦dedecms|文章页通用标签
- 仿dedecms下拉分页样式修改的thinkphp分页类实例
- dedecms使用channelartlist标签循环输出有二级栏目的导航时,显示一级栏目的当前样式?
- jsp+struct标签实现分页(只有jsp代码),内用到迭代标签、if标签、bean
- 自己开发的一款基于PagedDataSource的datalist repeater控件,只需要在源程序中添加三行代码,即可实现通用分页
- dedecms 分页样式修改
- YbSoftwareFactory 代码生成插件【十四】:通过 DynamicLinq 简单实现 N-Tier 部署下的服务端数据库通用分页
- 织梦cms经典SQL调用标签代码_dedecms
- DEDECMS热门标签代码
- 数据分页标签控件Freemarker宏代码
- 通用数据库存储过程代码--高效分页存储过程
- PHP+mysql的分页通用代码
- 一个基于ROW_NUMBER()的通用分页存储过程代码
- dreamweaverMX通用分页代码研究