仿新浪科技的分页风格 For Dedecms

今天在dedecms论坛看到有人问能不能将dede分页改成像新浪科技的样子，我花了点时间修改了一下，首先改文章模板页，默认的是templets/default/article_article.htm

　　找到

以下为引用的内容：

<div class="dede_pages"> 
<ul class="pagelist"> 
{dede:pagebreak/} 
</ul> 
</div>

　　将其修改为

以下为引用的内容：
<div class="pb"><table cellspacing=0 style="margin:0 auto;margin-top:30px;margin-bottom:30px;" align="center"><tr><td><div class='pagebox' id='_function_code_page'> 
{dede:pagebreak/} 
</div></td></tr></table></div>

　　修改完保存

　　再次修改templets/style/page.css 在最后添加

以下为引用的内容：
.pb{zoom:1;} 
.pb textarea{font-size:14px; margin:10px; font-family:"宋体"; background:#FFFFEE; color:#000066} 
.pb_t{line-height:30px; font-size:14px; color:#000; text-align:center;}
/* 分页 */ 
.pagebox{zoom:1;overflow:hidden; font-size:12px; font-family:"宋体",sans-serif;} 
.pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;} 
.pagebox span a{display:block; zoom:1; overflow:hidden; _float:left;} 
.pagebox span.pagebox_pre_nolink{border:1px #ddd solid; width:53px; height:21px; *height:21px; line-height:21px; text-align:center; color:#999; cursor:default;} 
.pagebox span.pagebox_pre{color:#3568b9; height:23px;} 
.pagebox span.pagebox_pre a,.pagebox span.pagebox_pre a:visited,.pagebox span.pagebox_next a,.pagebox span.pagebox_next a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; text-align:center; width:53px; cursor:pointer; height:21px; line-height:21px;} 
.pagebox span.pagebox_pre a:hover,.pagebox span.pagebox_pre a:active,.pagebox span.pagebox_next a:hover,.pagebox span.pagebox_next a:active{color:#363636; border:1px #2e6ab1 solid;} 
.pagebox span.pagebox_num_nonce{padding:0 8px; height:23px; line-height:23px; _height:21px; _line-height:21px; color:#fff; cursor:default; background:#296cb3; font-weight:bold;} 
.pagebox span.pagebox_num{color:#3568b9; height:23px;} 
.pagebox span.pagebox_num a,.pagebox span.pagebox_num a:visited{border:1px #9aafe5 solid; color:#3568b9; text-decoration:none; padding:0 8px; cursor:pointer; height:21px; *height:21px; line-height:21px;} 
.pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;} 
.pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;} 
.pagebox span.pagebox_next_nolink{border:1px #ddd solid; width:53px; height:21px; *height:21px; line-height:21px; text-align:center; color:#999; cursor:default;}

上一篇：DedeCms增加自定义文档属性四部曲

下一篇：DedeCms5.5自由列表制作Google Sitemap

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

来源：网友投稿关注：时间：2018-12-13 10:20

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ进行交流。