【博客园样式自定义】

[导航栏固定在页面最上方]

　　在“页首Html代码”中添加:

<script>
         //滚动，菜单栏不变
         // 定义菜单栏离页面顶部的距离，默认为100    
         var divOffsetTop = 100;
        //页面加载完之后，计算菜单栏到页面顶部的实际距离
        var divMenu = document.getElementById("header");
        divOffsetTop = divMenu.offsetTop;

        $(window).scroll(function() {
            //滚动固定菜单栏
            // 计算页面滚动了多少（需要区分不同浏览器）    
            var topVal = 0;
            if (window.pageYOffset) {//这一条滤去了大部分， 只留了IE678    
                topVal = window.pageYOffset;
            } else if (document.documentElement.scrollTop) {//IE678 的非quirk模式    
                topVal = document.documentElement.scrollTop;
            } else if (document.body.scrolltop) {//IE678 的quirk模式    
                topVal = document.body.scrolltop;
            }
            if (topVal <= divOffsetTop) {
                divMenu.style.position = "";
            } else {
                divMenu.style.position = "fixed";
                                divMenu.style.top = 0;//清除掉滚动时top
            }
        });
</script>

　　在“页面定制CSS代码”中添加:

#header{
    height: 40px;
    width: 100%;
    background-color:#2175bc;
    /*new*/
    z-index: 100;
}

[导航栏最上方添加一张图片，页面下拉时隐藏]

　　在“页首Html代码”中添加:

<div id="navigator">
<ul id="1">
<li><img src="图片地址，最好是png格式" alt="logo"></li>
</ul>
</div>

[浏览器网址前面显示小图标]

　　在“页首Html代码”中添加:

<head>
<link rel="icon" href="图片地址，最好是png格式" type="image/x-icon"/>
</head>

[右侧公告处添加一张图片]

　　在“博客侧边栏公告（支持HTML代码）”中添加:

<div><img class="aligncenter" src="图片地址，最好是png格式" alt="logo" /><div>

[去除所有广告及评论功能]

　　在“页面定制CSS代码”中添加:

/*去广告*/
#blog-comments-placeholder, #divRefreshComments, .commentform, #AjaxHolder_UpdatePanel1 {
    display: none;
}
#comment_form_container{
    display: inline;
}

[“推荐、反对”始终保持在右下角]

　　在“页面定制CSS代码”中添加:

#div_digg {
    position: fixed;
    bottom: 10px;
    width: 140px;
    right: 390px;
    border: 2px solid #6FA833;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    right: 440px;
}
#div_digg {
    float: right;
    margin-bottom: 10px;
    margin-right: 30px;
    font-size: 12px;
    width: 125px;
    text-align: center;
    margin-top: 10px;
}

[右侧“打赏”功能]

　　http://www.cnblogs.com/yingzi1028/p/6253718.html

posted @ 2017-05-09 08:44 BoKey大树阅读(241) 评论(0) 收藏举报

刷新页面返回顶部

专一and专注

专心做一件事

【博客园样式自定义】

公告