首页 > 其他 > 详细

博客园设置目录

时间:2019-08-25 13:05:15      阅读:85      评论:0      收藏:0      [点我收藏+]

TOC

博客园设置目录

参考:https://www.cnblogs.com/mingjiatang/p/5954352.html

设置博客园目录功能,

想要自定义博客园的目录,需要先申请js功能.

  • 首先在博客园的管理设置中申请js;
  • 页首Html代码中复制一下内容
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link href="http://files.cnblogs.com/files/mingjiatang/mystyle.css" rel="stylesheet">
<script type="text/javascript" src="http://files.cnblogs.com/files/mingjiatang/mycnblogs.js"></script>
<script type="text/javascript" src="http://files.cnblogs.com/files/mingjiatang/mystyle.js"></script>
  • 设置目录的样式

    其实从某方面来说到,上面设置完就已经结束了,不过我个人将其中的一部分样式改了一下

#sideCatalog-catalog{
    overflow: auto!important;
    font-family: Consolas,DroidSans,"Liberation Mono", Menlo, Courier, monospace;
}

#sideCatalog-catalog::-webkit-scrollbar {
    display: none;
}
/*目录默认是在右边的,但是我看了一下,发现目录哪怕收起来,下方的页面也是禁止点击的,就把它移到了左边去了,*/
#sideToolbar{
    right: auto!important;
}

技术分享图片
点击按钮目录是可以隐藏的.,





博客园设置目录

原文:https://www.cnblogs.com/ziyue7575/p/11407354.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!