当前位置:首页 > 网站建设 > 正文内容

dedecms常用的分页标签及分页样式代码[无bug]

老威3年前 (2018-03-20)网站建设63950

就目前来说,国内使用织梦dedecms来建站的站长还是有很多的,作为国内cms中做得最好的开源程序之一,让更多的朋友青睐,用其作为内核,根据自己需要做的网站做一套属于自己的模板就可以了,通用标签调用方便快捷,但是也出现了许许多多的小bug,开发团队也在不断完善着这些bug。

之前老威给大家介绍过织梦列表页分页错位的解决方法,今天这个问题还是列表页的问题。目前最新版本已经解决了这个问题,但是在样式上又出现了一些不兼容的地方,让一些小白头疼,之前老威也头疼了很久,用过很多分页样式都没解决,后来找到这一个分页样式,完美解决,分享给大家。

在列表页需要调用分页的地方加上如下代码,之前的可以去掉。

<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>


上面的代码是我们需要插入在分页列表模板中的,很多朋友在加入分页后出现有小圆点,或者是不是横排的,这就需要我们加上css样式了。

#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; 
}


颜色高度什么的大家如果感觉不好看可以再自行修改一下,更多建站仿站小知识请关注老威SEO博客。

扫描二维码至手机访问

扫描二维码推送至手机访问。

版权声明:本文由老威SEO发布,如需转载请注明出处。

转载请注明出处:http://www.lwseo.cn/wzjs/66.html

标签: dedecms
分享给朋友:

相关文章

织梦dedecms怎么仿站?织梦仿站初级教程

织梦dedecms怎么仿站?织梦仿站初级教程

非常感谢老李出的这一套教程,本人也是一开始学习这个课程接触的dedecms哦,dedecms可以说是新手入门的首选了!...

帝国cms使用灵动标签调用当前栏目实现高亮的方法

帝国cms使用灵动标签调用当前栏目实现高亮的方法

这几天老威又开始做帝国的站,之前都是简简单单的弄个栏目导航就完事了,现在看起来真是不太雅观,找了三种实现当前栏目高亮的方法,记录下来也供大家参考。方法1.<ul class="...

老威的济南网站建设历程

老威的济南网站建设历程

我接手的首个网站是龙潮炭火烤鱼,当时实习的时候,建站一点不会,只懂点html基础,然后我领导是手把手教的我建站,一般建站初学者都是用dedecms建站,这个站也不例外,我记得当时领导还让我研究一个友点...

帝国cms如何修改搜索提示页面?

帝国cms如何修改搜索提示页面?

喜欢帝国cms的一定会被某些样式所困扰,感觉不是很美观,搜索功能是大家常用的功能之一,帝国cms的搜索提示页面给人一种说不出来的感觉,如下图所示今天老威SEO博客分享一下修改搜索提示页面样式跟文字的方...

“帝国cms限制的登录次数不得超过5次”怎么解决

“帝国cms限制的登录次数不得超过5次”怎么解决

刚刚接触帝国CMS的时候,我遇到了很多大大小小的问题。不可避免的是有许多细小的问题网上怎么也找不到解决方案。如果您遇到问题或成功地解决了它,应该将其记录下来,以便下次可以直接查看,而不必重复搜索解决方...

织梦列表页分页错位的几种解决方法

织梦列表页分页错位的几种解决方法

1.删除原有分页代码,增加新的列表页分页代码列表页分页代码如下:<div class="dede_pages"> <ul class=&qu...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。