博客园定制皮肤

Posted lemos

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了博客园定制皮肤相关的知识,希望对你有一定的参考价值。

页面定制 css 代码

.day {width: auto;}

html {font-size:62.5%;}
body {font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}

#main{max-width: 1090px;width:100%;}
#mainContent {width:76%;}
#mainContent .forFlow {width:100%;}
#topics {width:100%;}
.postBody {width:100%;}
#sideBar {width:20%;}}

#mainContent .day {width: 100%;}
#mainContent .dayTitle {width:100%;}
#mainContent .postTitle {width:100%;}
#mainContent .postCon {width:100%;}
#mainContent .postDesc {width:100%;}

@media (max-width: 767px) {
#nav_next_page a{float: left;margin-top: 10px;}
.topicListFooter .pager{text-align:left !important;}
#homepage_top_pager{padding:0 5px 10px !important;}
#homepage_bottom_pager{padding:0 5px 10px !important;height:30px !important;}
.topicListFooter{height:0;padding:0px 20px 31px 20px !important;}
#mainContent .postDesc{padding:0 5px 8px !important;}
}

  

侧边栏公告

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    if($(document).width() >= 767) {
        L2Dwidget.init({
            "model": {
                jsonPath: "https://unpkg.com/live2d-widget-model-z16/assets/z16.model.json",<!--这里改模型,前面后面都要改-->
                "scale": 1
            },
            "display": {
                "position": "right",<!--设置看板娘的上下左右位置-->
                "width": 150,
                "height": 300,
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 1,<!--设置透明度-->
                "opacityOnHover": 0.2
            }
        });
    }
</script>

  

以上是关于博客园定制皮肤的主要内容,如果未能解决你的问题,请参考以下文章

博客园美化_Cnblogs-Theme-SimpleMemory皮肤设置

博客园的自定义皮肤

博客园响应式自定义皮肤——(附带目录,时钟等)

我的博客园美化

20190222

博客园自定义主题样式