Alist 美化指南

窗口透明

<style
type="text/css"> .footer { 
display: none !important; } 
</style>
<style>
    .hope-ui-light{
      background-image: url("https://api.qoc.cc/api/img?sort=bj") !important;
      background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center;
    }
    .obj-box {
      border-radius: 15px !important;
    }
    .hope-ui-light .obj-box {
      background-color: #ffffff70 !important;
    }
    .hope-c-PJLV .hope-c-PJLV-ikSuVsl-css {
        border-radius: 15px !important;
        background-color: #ffffff70 !important;
    }
    .hope-c-PJLV .hope-c-PJLV-ibtHApG-css {
        border-radius: 15px !important;
        background-color: #ffffff70 !important;
    }
</style>

看板娘

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

<!-- 看板娘 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>

鼠标点击效果

<!--鼠标点击效果-->
<script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.8/js/maodian.js"></script>

Aplayer、Meting

<!-- aplayer、meting -->
<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

<!-- 不显示歌词 -->
<script>
     function removelrc() {
        //检测是否存在歌词按钮
        if (!document.querySelector(".aplayer-icon-lrc"))
            return;
        else
        {
            //触发以后立刻移除监听
            document.removeEventListener("DOMNodeInserted",removelrc);
            //稍作延时保证触发函数时存在按钮
            setTimeout(function() {
                //以触发按钮的方式隐藏歌词，防止在点击显示歌词按钮时需要点击两次才能出现的问题
                document.querySelector(".aplayer-icon-lrc").click();
            }, 1);
            console.log("success");
            return;
        }
    }

    document.addEventListener('DOMNodeInserted', removelrc)
</script>

Meting Body部分

<meting-js 
    server="netease"
	type="playlist"
	id="7292043675"
    fixed = true
>
</meting-js>

<!-- 吸附边缘 css -->
<style>
	.aplayer.aplayer-withlist.aplayer-fixed.aplayer-narrow,
    .aplayer.aplayer-withlist.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-withlist.aplayer-fixed.aplayer-narrow:hover .aplayer-body {
        left: 0 !important;
    }
</style>

运行时间

<script type="text/javascript">
    function show_runtime() {
        window.setTimeout("show_runtime()", 1000);
        X = new Date("8/24/2022 10:28:00");
        Y = new Date();
        T = (Y.getTime() - X.getTime());
        M = 24 * 60 * 60 * 1000;
        a = T / M;
        A = Math.floor(a);
        b = (a - A) * 24;
        B = Math.floor(b);
        c = (b - B) * 60;
        C = Math.floor((b - B) * 60);
        D = Math.floor((c - C) * 60);
        runtime_span.innerHTML = "本站已运行 " + A + "天" + B + "小时" + C + "分" + D + "秒"
    }
    show_runtime();
</script>

<span id="runtime_span"></span>