仿新浪科技的分页风格 For Dedecms_CMS教程

概述网(LieHuo.Net)教程今天在dedecms论坛看到有人问能不能将dede分页改成像新浪科技的样子，我花了点时间修改了一下，首先改文章模板页，默认的是templets/default/article_article.htm 找到以下为引用的内容：<div class="dede_pages"> <…

　　内存溢出 jb51.cc 今天在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;}

总结

以上是内存溢出为你收集整理的仿新浪科技的分页风格 For Dedecms全部内容，希望文章能够帮你解决仿新浪科技的分页风格 For Dedecms所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/zz/998540.html