[〖 服务器知识 〗] 美化你的alist网盘

[复制链接]
查看128 | 回复5 | 2024-12-11 22:06:18 | 显示全部楼层 |阅读模式
自定义代码位置

==设置项在:管理-设置-全局======
首先现在==自定义头部中==添加一行代码(必需)====
  1. <code class="language-mindmap"><script src="https://polyfill.io/v3/polyfill.min.js?features=String.prototype.replaceAll"></script></code>
复制代码
接下来的代码自行修改后添加到“==自定义内容==”之中====
  1. <code class="language-mindmap"><script>
  2.     swal({
  3.         title: "❤️莫忘娱乐公告❤️",
  4.         text: "1.资源不定期更新,有问题联系盘主 \n\n莫忘娱乐\n官网:https://www.820308.xyz/",
  5.         icon: "success",
  6.         button: "进入网盘!!!",
  7.     });
  8. </script></code>
复制代码
网站背景设置
  1. <code class="language-mindmap"><style>
  2.     .hope-ui-light {
  3.         background-image: url(https://p0.meituan.net/csc/64d5a549a053ac606da2f322edc47658238312.jpg) !important;
  4.         background-attachment: fixed;
  5.         background-position: 100%;
  6.         background-size: cover;
  7.        }
  8.     .hope-c-PJLV-igScBhH-css {
  9.         background-color: #8000000F !important;
  10.         box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.09) !important;
  11.         border-radius: 0.5rem !important;
  12.         padding: 0.75rem !important;
  13.         backdrop-filter: blur(8px) !important;
  14.     }
  15.     .hope-c-PJLV-ikSuVsl-css {
  16.         background-color: #8000000F !important;
  17.         box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.09) !important;
  18.         border-radius: 0.5rem !important;
  19.         padding: 0.75rem !important;
  20.         backdrop-filter: blur(8px) !important;
  21.     }
  22. </style></code>
复制代码
网站运行时间<font color="#00FF00">
  1. <code class="language-mindmap"></style>
  2.   </body>
  3. <div style="display: flex; justify-content: center; align-items: center;">
  4.     <span>此站稳定运行</span>
  5.     <span id="timeid1" style="font-size:35px"></span>天
  6.     <span id="timeid2" style="font-size:35px"></span>小时
  7.     <span id="timeid3" style="font-size:35px"></span>分
  8.     <span id="timeid4" style="font-size:35px"></span>秒
  9.    </div>
  10.    <!-- 网站时间记录建设 -->
  11.    <script type="text/javascript">
  12.     function loveTime() {
  13.     var the=new Date(2022,8,10)
  14.     var date = new Date() - the
  15.     var days = Math.floor(date / 1000 / 60 / 60 / 24)
  16.     var daysmod = date - days * 24 *60 * 60 * 1000
  17.     var hours = Math.floor(daysmod / 1000 / 60 / 60)
  18.     var hoursmod = date - (days * 24 *60 * 60 * 1000) - (hours * 1000 * 60 * 60)
  19.     var minutes = Math.floor(hoursmod / 1000 / 60)
  20.     var minutesmod = date - (days * 24 *60 * 60 * 1000) - (hours * 1000 * 60 * 60) - (minutes * 1000 * 60)
  21.     var seconds = Math.floor(minutesmod / 1000)
  22.     var daysshow = document.getElementById("timdid1");
  23.     var ds = document.getElementById("timeid1");
  24.     var hs = document.getElementById("timeid2");
  25.     var ms = document.getElementById("timeid3");
  26.     var ss = document.getElementById("timeid4");
  27.     ds.innerHTML = days;
  28.     hs.innerHTML = hours;
  29.     ms.innerHTML = minutes;
  30.     ss.innerHTML = seconds;
  31.     }
  32.     setInterval("loveTime();",1000);
  33.    </script></code>
复制代码
去除底部“由alist驱动”
  1. <code class="language-mindmap"> <!--去掉底部Powered by Alist--->
  2. <style>
  3. .footer span,.footer a:nth-of-type(1){
  4.    display:none;
  5. }
  6. </style></code>
复制代码
今日诗词
  1. <code class="language-mindmap"><!--今日诗词-->
  2. <font color="#800080">
  3. <footer id="footer" role="contentinfo">
  4. <span id="jinrishici-sentence">正在加载今日诗词....</span>
  5. <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script></code>
复制代码
底部版权设置
  1. <code class="language-mindmap"><h1 style="text-align: center ; font-size: 18px;">
  2.         Copyright © 2024 by 莫忘娱乐
  3.     </h1></code>
复制代码
大家可以去试一下,改成自己的代码来美化alist!
移昭 | 2024-12-13 10:46:57 | 显示全部楼层
我看不错噢 谢谢楼主!莫忘娱乐越来越好!
女究跟 | 2024-12-13 15:37:59 | 显示全部楼层
楼主,大恩不言谢了!莫忘娱乐是最棒的!
锺离淳静 | 2024-12-13 15:43:39 | 显示全部楼层
楼主发贴辛苦了,谢谢楼主分享!我觉得莫忘娱乐是注册对了!
计芳芳 | 2024-12-13 19:32:31 | 显示全部楼层
这个帖子不回对不起自己!我想我是一天也不能离开莫忘娱乐
蜢柜铝 | 2024-12-13 22:54:24 | 显示全部楼层
楼主,我太崇拜你了!我想我是一天也不能离开莫忘娱乐
懒得打字嘛,点击右侧快捷回复 请选择
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则