码迷,mamicode.com
首页 > 其他好文 > 详细

代码:博客美化

时间:2019-08-25 18:23:28      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:doc   col   org   oss   WebG   aci   attach   javascrip   round   

这是设置背景:

(我的是 “你的名字” 的图片,大家可以自己拿去用,也可用自己的图片)

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);
}

(这里的背景也可以调透明度)

我的博客模板样式,出于某种原因不予展示,请见谅 。

音乐的外链生成播放器,在网易云音乐上面可以生成,但是中间的iframe要改成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://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"/>

另外,还要上传 webglcontext.jsPlatformManager.jsmain.jsLAppModel.jsLAppLive2DManager.jsLAppDefine.jsModelSettingJson.jsMatrixStack.jsLive2DFramework.jslive2d.min.js 这些文件,在网上有下载链接 。

生成目录:

<!-- 目录-->
<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>

图片点击放大:

<!-- 图片点击放大-->
<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>

选中时的文字框颜色(我这里是粉色,大家可以拿去更改):

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

 修改博客上方显示,则只要添加代码,像我的就是 “ Seashell!”:

<title>标题</title>
<script>
    document.title = 你需要的名称
</script>

代码:博客美化

标签:doc   col   org   oss   WebG   aci   attach   javascrip   round   

原文地址:https://www.cnblogs.com/SeashellBaylor/p/11408549.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!