Code: blog beautification

This is to set the background:

(Mine is "Your name" of the picture, you can take with their own, using their own pictures)

body {
    background-image:url("https://i.loli.net/2019/08/19/bwxsdE3RQFmHotJ.jpg");
    background-repeat:no-repeat;
    background-size:100%;
    background-attachment: fixed;
    opacity: 0.8;
    filter:alpha(opacity=100);
}

(Background here can also be adjusted transparency)

My blog style template, for some reason not display, please forgive me.

The chain generating music player, the music may be generated at above the cloud YORK, but into the middle of the iframe to embed.

Kanban mother's words, the Internet has, here or to the code below:

<!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://files.cnblogs.com/files/https://www.cnblogs.com/SeashellBaylor//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://files.cnblogs.com/files/https://www.cnblogs.com/SeashellBaylor//waifu.css">
    <div class="waifu" id="waifu">
        <div class="waifu-tips" style="opacity: 2;"></div>
        <canvas id="live2d" width="280" height="240" 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://files.cnblogs.com/files/kousak/live2d.js"></script>
    <script src="https://files.cnblogs.com/files/kousak/waifu-tips.js"></script>
    <script type="text/javascript">initModel()</script>
</body>
</html>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/>

Also, upload  webglcontext.js , PlatformManager.js , main.js , LAppModel.js , LAppLive2DManager.js , LAppDefine.js , ModelSettingJson.js , MatrixStack.js , Live2DFramework.js , live2d.min.js  these documents, in online, download links.

Build directory:

<!-- 目录-->
<link href="https://blog-static.cnblogs.com/files/study-everyday/jajian.catalog.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/study-everyday/jajian_catalog.js"></script>

Published:

<!-- 图片点击放大-->
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/jajian/img.enlarge.js"></script>
<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
    width: 100%;height: 100%;background-color: rgba(255,255,255,.9);">
    <img id="bigimg" style="height: auto;width: 65%;border: 5px solid #7e8c8d; 
    margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src="" />
</div>

Text box color when selected (I am here is pink, we can take it to change):

::selection {
    background:#F5D3DE; 
    color:#555;
}
::-moz-selection {
    background:#F5D3DE; 
    color:#555;
}
::-webkit-selection {
    background:#F5D3DE; 
    color:#555;
}

 Display above your blog, you just add the code, like me is "Seashell!":

<title> Title </ title> 
<Script> 
    document.title = ' name you need ' 
</ Script>

Guess you like

Origin www.cnblogs.com/SeashellBaylor/p/11408549.html