博客主题

博客皮肤（118）

SimpleMemory


页面定制CSS

body {
color: #000;
background: url(https://images.cnblogs.com/cnblogs_com/zhouxuejia/1580490/o_psb.jpg) fixed;
background-size: 100%;
background-repeat: no-repeat;
font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
font-size: 12px;
min-height: 100%;
}
#home {
opacity: 0.80;
margin: 0 auto;
width: 85%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 30px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
border-radius:2.5%;

}
/*雪花css*/
#Snow{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255,255,240,0.1);
    pointer-events: none;
}
/*雪花css  end*/
/* 博客标题和副标题 */
#blogTitle {
    overflow: hidden;
    height: auto;
}

#blogTitle h1 {
    font-size: 35px;
    width: 100%;
    margin-left: 0;
}

#blogTitle h2 {
    margin-left: 0;
    width: 100%;
    font-size: 20px;
    color: #000;
}
.postTitle2{
font-weight:bold;
}
#cnblogs_post_body{
font-weight:bold;

}
.c_b_p_desc{
font-weight:bold;
}

博客侧边栏公告（支持HTML代码） （支持 JS 代码）

<img src="https://images.cnblogs.com/cnblogs_com/zhouxuejia/1580490/o_psb1.jpg" alt="zxj的头像" class="img_avatar" width="250px" >
<embed src="//music.163.com/outchain/player?type=1&id=50071&auto=0&height=90" width="250" height="100"  allowNetworking="all"></embed>


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Live2D</title>
     
    <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhouxuejia/waifu.css"/>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
    <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhouxuejia/waifu.css">
    <div class="waifu" id="waifu">
        <div class="waifu-tips" style="opacity: 1;"></div>
        <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
        <div class="waifu-tool">
            <span class="fui-home"></span>
            <span class="fui-chat"></span>
            <span class="fui-eye"></span>
            <span class="fui-user"></span>
            <span class="fui-photo"></span>
            <span class="fui-info-circle"></span>
            <span class="fui-cross"></span>
        </div>
    </div>
    <script src="https://blog-static.cnblogs.com/files/zhouxuejia/live2d.js"></script>
    <script src="https://blog-static.cnblogs.com/files/zhouxuejia/waifu-tips.js"></script>
    <script type="text/javascript">initModel()</script>
  <div class="Snow">
    <canvas id="Snow"></canvas>
</div>
<script src="https://blog-static.cnblogs.com/files/zhouxuejia/snow.js"></script>
</body>
</html>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhouxuejia/flat-ui.min.css"/>

页脚 HTML 代码

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
 <script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
 <div id="aplayer" class="aplayer"  data-id="50071" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>

 效果

 

posted @ 2020-02-11 19:36  ZXJ~佳  阅读(155)  评论(0)  编辑  收藏  举报