仿新浪科技的分頁風格 For Dedecms
來源：程序員人生 發布時間：2014-05-17 10:29:19 閱讀次數：3468次
網(LieHuo.Net)教程 今天在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;} |
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
