请选择 进入手机版 | 继续访问电脑版
  • 设为首页
  • 收藏本站
  • 桌面快捷
  • 手机版
  • 微信
    站长微信 搜索微信号:
    q515138
  • 快捷导航

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

    [复制链接]
    作者: 技术达人(新手上路) | 丢币: 0 (丢币充值 | 升级VIP) | 查看: 24| 回复: 1| 发表于 2019-10-3 15:13:14 | 显示全部楼层 |阅读模式
    今天在织梦dedecms论坛看到有人问能不能将dede分页改成像新浪科技的样子,我花了点时间修改了一下,首先改文章模板页,默认的是templets/default/article_article.htm
      找到

    以下为引用的内容:
    1. <div class="dede_pages">
    2. <ul class="pagelist">
    3. {dede:pagebreak/}
    4. </ul>
    5. </div>
    复制代码
    将其修改为
    1. <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'>
    2. {dede:pagebreak/}
    3. </div></td></tr></table></div>
    复制代码
    修改完保存
    再次修改templets/style/page.css 在最后添加
    1. .pb{zoom:1;}
    2. .pb textarea{font-size:14px; margin:10px; font-family:"宋体"; background:#FFFFEE; color:#000066}
    3. .pb_t{line-height:30px; font-size:14px; color:#000; text-align:center;}
    4. /* 分页 */
    5. .pagebox{zoom:1;overflow:hidden; font-size:12px; font-family:"宋体",sans-serif;}
    6. .pagebox span{float:left; margin-right:2px; overflow:hidden; text-align:center; background:#fff;}
    7. .pagebox span a{display:block; zoom:1; overflow:hidden; _float:left;}
    8. .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;}
    9. .pagebox span.pagebox_pre{color:#3568b9; height:23px;}
    10. .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;}
    11. .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;}
    12. .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;}
    13. .pagebox span.pagebox_num{color:#3568b9; height:23px;}
    14. .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;}
    15. .pagebox span.pagebox_num a:hover,.pagebox span.pagebox_num a:active{border:1px #2e6ab1 solid;color:#363636;}
    16. .pagebox span.pagebox_num_ellipsis{color:#393733; width:22px; background:none; line-height:23px;}
    17. .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;}
    复制代码


    推荐给好友: [复制链接]
    楼主热帖
    回复

    使用道具 举报

    hongjichao(新手上路) | 丢币: 0 (丢币充值 | 升级VIP) | 查看: 24| 回复: 1| 发表于 2019-10-3 15:20:38 | 显示全部楼层
    技术学习教程网,支持一下。
    回复

    使用道具 举报

    网站地图/百度统计/免责声明/Archiver/手机版/小黑屋/ZiDiu.Com ( 粤ICP备17166275号 )

    快速回复 返回顶部 返回列表