博客园添加目录,导航,回到顶部

博客园添加目录,导航,回到顶部

1. 在博客园设置中申请js权限，写明申请理由大约2-3小时通过
2. 通过后在后台设置中添加CSS代码,填写在页面定制CSS代码区域

 /*  侧边栏  */
 /*生成博客目录的CSS*/
 #uprightsideBar{
     font-size:12px;
     font-family:Arial, Helvetica, sans-serif;
     text-align:left;
     position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
     top:250px;
     //right:265px;
     width: auto;
     height: auto; 
 }
 #sideBarTab{
     float:left;
     width:30px; 
     border:1px solid #0a0a0a;
     //border-right:none;
     text-align:center;
     background:#ffffff;
 }
 #sideBarContents{
     float:left;
     overflow:auto; 
     overflow-x:hidden;!important;
     width:200px;
     min-height:108px;
     max-height:460px;
     border:1px solid #000;
     //border-right:none; 
     background:#ffffff;
 }
 #sideBarContents dl{
     margin:0;
     padding:0;
 }
 #sideBarContents dt{
     margin-top:5px;
     margin-left:5px;
 }
 #sideBarContents dd, dt {
     cursor: pointer;
 }
 #sideBarContents dd:hover, dt:hover {
     color:#A7995A;
 }

3. 在后台设置中添加javascript代码，填写在页首Html代码区域