Alist网盘美化常用代码V3专用

红太狼 2024-03-26 13:46 68阅读 0赞

<style>
    .hope-ui-light{
      background-image: url("自定义图片地址") !important;
      background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position-x:center;
    }
    .obj-box.hope-stack.hope-c-dhzjXW.hope-c-PJLV.hope-c-PJLV-igScBhH-css {
    background-color: rgba(255, 255, 255, 0.3) !important;
    }
    .hope-c-PJLV.hope-c-PJLV-ikSuVsl-css{
    background-color: rgba(255, 255, 255, 0.3) !important;
    }
    .hope-c-ivMHWx-hZistB-cv.hope-icon-button{
    background-color: rgba(255, 255, 255, 0.3) !important;
    }
    .hope-c-PJLV-ijgzmFG-css{
    background-color: rgba(255, 255, 255, 0.3) !important;
    }

<style>
    .hope-c-PJLV-idrWMwW-css {
            display:none;
        }
    .hope-c-iHuheP {
            display:none;
        }
    .hope-c-PJLV-ihQbspH-css {
            display:none;
        }

</style>
    <font color="#FFFFFF">
        <link href="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.min.css" rel=" stylesheet ">
        <div id="customize" style="display:none;
        text-align:center;
        ">
            <br />
            <div style="font-size:13px;
        ">
                <span class="nav-item">
                    <a class="nav-link" href="http://www.baidu.com/" target="_blank">
                        <i class="fa-solid fa-copyright" style="color:#9932CC" aria-hidden="true"></i>
                         百度一下 |
                    </a>
                </span>
                <span class="nav-item">
                    <a class="nav-link" href="https://beian.miit.gov.cn/" target="_blank">
                        <i class="fa fa-balance-scale" style="color:#9932CC;
        " aria-hidden="true"></i>
                         鄂ICP备xxxxxx号-1 |
                    </a>
                </span>
                <span class="nav-item">
                    <a class="nav-link" href="https://github.com/Xhofe/alist" target="_blank">
                        <i class="fa fa-heart" style="color:#9932CC;
        " aria-hidden="true"></i>
                         由Alist驱动
                    </a>
                </span>
            </div>
            <br />
        </div>
        <script>
            let interval = setInterval(() => {
        if (document.querySelector(".footer")) {
        document.querySelector("#customize").style.display = "";
        clearInterval(interval);
    }
    },200);
        </script>
    </font>

备案信息效果图：

![e4ba6897e8838c3bedab0473ee1e6f10.png][]

<style>
    .hope-c-PJLV-ibwASZs-css {
            display:none;
        }

隐藏登陆头像效果图：

![bcf6225003430cbbc6e6a821bb4929d5.png][]

<iframe allowtransparency="true" frameborder="0" width="290" height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=1&z=1&t=0&v=0&d=2&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=1&a=1&c=54511&w=290&h=96&align=center"></iframe>

天气效果图：

![e54cf227779334408846e6ee5ec7c9f8.png][]

<script>window.onload=function(){localStorage.setItem("hope-ui-color-mode","light")}</script>

计数娘：[https://github.com/journey-ad/Moe-counter][https_github.com_journey-ad_Moe-counter]

![f354d39543d2f7b00a36959c4f7fb259.png][]

<script src="https://myhkw.cn/player/js/jquery.min.js" type="text/javascript"></script>
    <script src="https://myhkw.cn/api/player/165761088297" id="myhk" key="165761088297" m="1"></script>
    </style>

播放器效果图：

![f5cbfaf943fc208e46cbdd099ba22758.png][]

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
        <script>
          L2Dwidget.init({
            "model": {
              jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json", 
              "scale": 1
            },
            "display": {
              "position": "left", 
              "width": 100,
              "height": 200,
              "hOffset": 0,
              "vOffset": 0
            },
            "mobile": {
              "show": true,
              "scale": 0.5
            },
            "react": {
              "opacityDefault": 0.7, 
              "opacityOnHover": 0.2
            }
          });
          window.onload = function() {
            $("#live2dcanvas").attr("style", "position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;")
          }
        </script>
      </div>

![cfcb6d2ef280c5d57fd9ecbeaed41bfd.png][]

<script src=" https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.0.min.js"></script>
    <script>
    L2Dwidget.init({
    "model": {
    jsonPath: " https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json" ,
    "scale": 1
    },
    "display": {
    "position": "right",
    "width": 100,
    "height": 200,
    "hOffset": -20,
    "vOffset": -20
    },
    "mobile": {
    "show": true,
    "scale": 0.5
    },
    "react": {
    "opacityDefault": 1,
    "opacityOnHover": 1
    }
    });
    </script>

![d4355ec94cc842a8459476ee16f4062b.png][]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
     
    <body>
        
        <script type="text/javascript">
             ! function (e, t, a) {
                function r() {
                    for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[
                            e].y--, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = "left:" + s[e].x +
                        "px;top:" + s[e].y + "px;opacity:" + s[e].alpha + ";transform:scale(" + s[e].scale + "," + s[e]
                        .scale + ") rotate(45deg);background:" + s[e].color + ";z-index:99999");
                    requestAnimationFrame(r)
                }
                function n() {
                    var t = "function" == typeof e.onclick && e.onclick;
                    e.onclick = function (e) {
                        t && t(), o(e)
                    }
                }
     
                function o(e) {
                    var a = t.createElement("div");
                    a.className = "heart", s.push({
                        el: a,
                        x: e.clientX - 5,
                        y: e.clientY - 5,
                        scale: 1,
                        alpha: 1,
                        color: c()
                    }), t.body.appendChild(a)
                }
     
                function i(e) {
                    var a = t.createElement("style");
                    a.type = "text/css";
                    try {
                        a.appendChild(t.createTextNode(e))
                    } catch (t) {
                        a.styleSheet.cssText = e
                    }
                    t.getElementsByTagName("head")[0].appendChild(a)
                }
     
                function c() {
                    return "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math
                        .random()) + ")"
                }
                var s = [];
                e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e
                    .mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {
                        setTimeout(e, 1e3 / 60)
                    }, i(
                        ".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"
                    ), n(), r()
            }(window, document);
        </script>

<center>
            <br />
      </span>
                <span class="nav-item">
                 <span id="timeDate">载入天数...</span><span id="times">载入时分秒...</span> <script language="javascript"> 
        var now = new Date();
        function createtime(){
            var grt= new Date("04/17/2022 00:00:00");/*---这里是网站的启用时间--*/
            now.setTime(now.getTime()+250);
            days = (now - grt ) / 1000 / 60 / 60 / 24;
            dnum = Math.floor(days);
            hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum);
            hnum = Math.floor(hours);
            if(String(hnum).length ==1 ){hnum = "0" + hnum;}
            minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
            mnum = Math.floor(minutes);
            if(String(mnum).length ==1 ){mnum = "0" + mnum;}
            seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
            snum = Math.round(seconds);
            if(String(snum).length ==1 ){snum = "0" + snum;}
            document.getElementById("timeDate").innerHTML = "⏱️本站已稳定运行"+dnum+"天";
            document.getElementById("times").innerHTML = hnum + "小时" + mnum + "分" + snum + "秒";
        }
        setInterval("createtime()",250); 
    </script>

底部运行时间效果截图：

![7ed5bfd091ab108419f88a4710f2c794.png][]

横向文字滚动：

<marquee>
    <b id="nr">(｡･∀･)ﾉﾞ嗨，欢迎来到我的小破站。帅气漂亮的小哥哥小姐姐</b> 
    </marquee></div>

炫彩横向文字滚动：

效果图：

![de2a34c1779405449b35358611f1e789.png][]

添加备案信息：

<span style="width:300px;margin:0 auto; padding:20px 0;">
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=xxxxxxxxx"
        style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
            <img src="https://www.beian.gov.cn/img/ghs.png
            " style="float:left;">
            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">
                吉公网安备 xxxxx号
            </p>
        </a>
        丨
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=22032202000104"
        style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
            <img src="https://www.beian.gov.cn/img/ghs.png
            " style="float:left;">
            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">
                吉公网安备 xxxxx号
            </p>
        </a>
        丨
        <a target="_blank" href="/@manage" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">
                管理
            </p>
        </a>
    </span>

[e4ba6897e8838c3bedab0473ee1e6f10.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/de2c7e9a4a4f496d958c31fdcfeae81b.png
[bcf6225003430cbbc6e6a821bb4929d5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/2669782986e54fc7b1912b80b6e8e247.png
[e54cf227779334408846e6ee5ec7c9f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/be6a6f20266d4fadbc1a3e83744688cf.png
[https_github.com_journey-ad_Moe-counter]: https://github.com/journey-ad/Moe-counter
[f354d39543d2f7b00a36959c4f7fb259.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9891ef4d9e174575b987762268d55554.png
[f5cbfaf943fc208e46cbdd099ba22758.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/e0de570079b947f491cde88e7740706c.png
[cfcb6d2ef280c5d57fd9ecbeaed41bfd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/6c5cb2e861684a75af6788541687c58a.png
[d4355ec94cc842a8459476ee16f4062b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/87af116e32b4497db67383244d25829c.png
[7ed5bfd091ab108419f88a4710f2c794.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/eadad591c27a4d2f9d2161bb8d6467c0.png
[de2a34c1779405449b35358611f1e789.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/06a23cc2f2a541259ce49c4d4fc2825c.png