博客皮肤（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>
效果