GameMale
登陆 / 注册 搜索

USERCENTER

SEARCHSITE

搜索

查看: 1787|回复: 55
收起左侧

[功能优化] 【油猴脚本】勋章触发记录 PAUSE(EA) 账本界面皮肤

  [复制链接] |关注本帖

安静的海边裸体克里斯圣甲虫秘典【新春限定】果体 隆生金蛋的鹅永远的克叔亚瑟‧摩根史莱姆牧场虚空之海的鲸業火死鬥

     楼主| 星之子 发表于 2024-10-1 02:36:35 | 显示全部楼层 |阅读模式 <
    本帖最后由 星之子 于 2024-10-15 15:51 编辑
    声明
    本帖涉及的皮肤是基于 瓦尼老师 @GMagels 开发的勋章触发记录他来了-本地发回帖账本PAUSE(EA版),这个脚本好用到爆炸,非常方便地统计了勋章触发的结果,并记录了很多强运时刻~
    我所做的工作只是搞耍CSS效果制作了此皮肤,并对原账本界面的页面结构进行了些许微调,。在这里郑重感谢瓦尼老师的免费开源!(

    效果图


    左侧工具栏:
    • 调整了样式和颜色
    • 调整了文字大小比例,分级更加清晰
    • 为按钮添加了动效
    • 去掉了重置筛选栏目
    • 去掉展开折叠按钮的文字并改为圆形
    右侧表格栏:
    • 仅保留表格外框并添加圆角,内容则通过隔行背景色区分,减轻视觉压力
    • 文字改为居中显示,视觉重心更稳定
    • 添加了鼠标悬停会平滑显示的强调色(由于鼠标悬停在了左侧按钮处,图中未能展示此效果)

    代码

    请用下方内容替换原脚本【PAUSE V062(EA持久版).txt】的404-570行:
    1.             //创建功能区
    2.             var fixedHTML = '<div id="fixedBox"><h3>记录工具箱</h3>';

    3.             //创建记录存档操作区
    4.             var toolHTML = '<div id="toolBox">';

    5.             // 添加导出按钮
    6.             toolHTML += '<button id="exportBtn">导出本地记录为.txt</button>';

    7.             // 添加导入按钮和文件输入框
    8.             toolHTML += '<input type="file" id="importFile" accept=".txt" style="display:none;">';
    9.             toolHTML += '<button id="importBtn">从.txt导入本地记录</button>';

    10.             // 添加删除按钮
    11.             toolHTML += '<button id="deleteBtn">删除所有本地记录</button>';

    12.             //提示信息
    13.             toolHTML += '<p id="exportNull" style="display: none;">没有数据可以导出。</p>'
    14.             toolHTML += '<p id="importSuccess" style="display: none;">导入成功!</p>'
    15.             toolHTML += '<p id="importFail" style="display: none;">导入失败,文件内容不是有效的JSON数组。</p>'
    16.             toolHTML += '<p id="importError" style="display: none;">导入失败,无法解析文件内容,请前往主页面弹窗查看原因。</p>'
    17.             toolHTML += '<div id="customConfirmModal" style="display: none;"><p>确定要删除所有本地积分记录吗?此操作不可逆!</p><div class="buttonContainer"><button id="confirmYes">确定</button><button id="confirmNo">取消</button></div></div>';
    18.             toolHTML += '<p id="deleteSuccess" style="display: none;">已删除所有记录</p>';

    19.             toolHTML += '</div>';

    20.             //创建右侧记录筛选区
    21.             var filterHTML = '<div id="toolBox"><h3>筛选记录</h3>';

    22.             filterHTML += `
    23.                 <fieldset>
    24.                 <legend>奖励类型</legend>
    25.                   <div>
    26.                   <input type="checkbox" id="showHuiTie" name="showHuiTie" checked />
    27.                   <label for="showHuiTie">回帖奖励</label>
    28.                   </div>
    29.                   <div>
    30.                   <input type="checkbox" id="showFaTie" name="showFaTie" checked />
    31.                   <label for="showFaTie">发帖奖励</label>
    32.                   </div>
    33.                   <div>
    34.                   <input type="checkbox" id="showQiTa" name="showQiTa" checked />
    35.                   <label for="showQiTa">其他奖励</label>
    36.                   </div>
    37.                 </fieldset>

    38.                 <fieldset>
    39.                 <legend>时间范围</legend>
    40.                 <input type="radio" id="option1" name="timeRange" value="1">
    41.                     <label for="option1">当天</label><br>

    42.                 <input type="radio" id="option2" name="timeRange" value="custom" checked>
    43.                 <label for="option2">自定义  <input type="number" min="0" id="customDays" value="0"></label><br>
    44.                 <small>(N:过去N天内 1:当天 0:全部)</small>
    45.                 </fieldset>

    46.                 `;

    47.             filterHTML += '</div>'

    48.             //将左侧的模块都塞进fixed部分
    49.             fixedHTML += toolHTML;
    50.             fixedHTML += filterHTML;

    51.             fixedHTML += '</div>';

    52.             //最后塞入用于显示/隐藏的按钮
    53.             fixedHTML += '<button id="toggleToolBoxBtn"></button>'

    54.             //通过函数生成右侧表格内容(方便后期更新表格)
    55.             var rightHTML = '<div id="tableBox">' + generateRightHTML() + '</div>';

    56.             //总结构
    57.             var overallHTML = '<div class="container">' + fixedHTML + rightHTML + '</div>';

    58.             // 插入到新窗口的文档中
    59.             iframe.contentDocument.body.innerHTML += overallHTML;

    60.             //////////////////// 添加css/////////////////////////
    61.             // 获取IFrame的内容文档对象
    62.             var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

    63.             // 创建一个新的<style>元素
    64.             var styleTag = iframeDoc.createElement('style');

    65.             // 定义CSS样式内容
    66.             var styles = `
    67.                 #fixedBox {
    68.                     position: fixed;
    69.                     width: auto;
    70.                     height: 96vh;
    71.                     background: #eeeeee;
    72.                     float: left;
    73.                     min-width: 100px;
    74.                     overflow-y: auto;
    75.                     border-radius: 8px;
    76.                     font-family: Noto Sans SC, Microsoft Yahei, Arial, sans-serif;
    77.                 }

    78.                 .container {
    79.                     display: flex;
    80.                 }

    81.                 #toolBox {
    82.                     padding: 10px;
    83.                 }

    84.                 #exportBtn,
    85.                 #importBtn {
    86.                     margin: 6px auto 20px;
    87.                 }

    88.                 #deleteBtn {
    89.                     margin: auto;
    90.                 }

    91.                 #exportBtn,
    92.                 #importBtn,
    93.                 #deleteBtn {
    94.                     display: block;
    95.                     background-color: transparent;
    96.                     border: 2px solid #1A1A1A;
    97.                     border-radius: 0.6em;
    98.                     color: #3B3B3B;
    99.                     font-weight: 600;
    100.                     font-size: 14.4px;
    101.                     padding: 0.4em 1.2em;
    102.                     text-align: center;
    103.                     text-decoration: none;
    104.                     transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
    105.                     font-family: Noto Sans SC, Microsoft Yahei, Arial, sans-serif;
    106.                 }

    107.                 #exportBtn:hover,
    108.                 #importBtn:hover,
    109.                 #deleteBtn:hover {
    110.                     color: #fff;
    111.                     background-color: #1A1A1A;
    112.                     box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
    113.                     transform: translateY(-2px);
    114.                 }

    115.                 #exportBtn:active,
    116.                 #importBtn:active,
    117.                 #deleteBtn:active {
    118.                     box-shadow: none;
    119.                     transform: translateY(0);
    120.                 }

    121.                 h3 {
    122.                     display: block;
    123.                     text-align: center;
    124.                     font-size: 2em;
    125.                     margin: 36px auto 12px;
    126.                 }

    127.                 #customConfirmModal {
    128.                     border-style: solid;
    129.                     border-width: 3px;
    130.                     border-color: red;
    131.                 }

    132.                 #customConfirmModal p {
    133.                     color: red;
    134.                     margin: 20px;
    135.                 }

    136.                 #confirmYes {
    137.                     margin: 0 20% 20px 20%;
    138.                 }

    139.                 #customDays {
    140.                     width: 4em;
    141.                     font-family: Noto Sans SC, Microsoft Yahei, Arial, sans-serif;
    142.                     border-radius: 6px;
    143.                     border: 1px solid #333;
    144.                 }

    145.                 #tableBox {
    146.                     width: 80%;
    147.                     float: right;
    148.                     margin-left: 20%;
    149.                 }

    150.                 #tableBox table {
    151.                     margin: 20px auto 40px auto;
    152.                     border: 2px solid #333;
    153.                     border-radius: 6px;
    154.                     border-spacing: 0;
    155.                     overflow: hidden;
    156.                 }

    157.                 th,
    158.                 td {
    159.                     padding: 4px 8px;
    160.                     text-align: center;
    161.                     transition: all 0.2s;
    162.                     border: none;
    163.                 }

    164.                 th {background-color: #f2f2f2;}
    165.                 tr:nth-child(even) {background-color: #f2f2f2; transition: all 0.2s;}
    166.                 tr:hover {background-color: #d3d3d3; transition: all 0.2s;}

    167.                 #toggleToolBoxBtn {
    168.                     position: fixed;
    169.                     width: 16px;
    170.                     height: 16px;
    171.                     margin-top: 8px;
    172.                     margin-left: 8px;
    173.                     z-index: 1000;
    174.                     border: 1px solid #333;
    175.                     padding: 4px;
    176.                     border-radius: 50%;
    177.                 }

    178.                 fieldset {
    179.                   border: 2px solid #333; /* 设置边框 */
    180.                   padding: 8px 12px 16px 12px; /* 设置内边距 */
    181.                   margin: 20px 10px; /* 设置外边距 */
    182.                   background-color: #f9f9f9; /* 设置背景颜色 */
    183.                   border-radius: 6px; /* 设置圆角 */
    184.                 }

    185.                 legend {
    186.                   font-weight: bold; /* 设置字体加粗 */
    187.                   color: #000; /* 设置字体颜色 */
    188.                 }

    189.                 label {
    190.                   font-size:14.4px;
    191.                 }
    192.                 `;


    193.             // 将样式内容赋值给<style>元素的textContent属性
    194.             styleTag.textContent = styles;

    195.             // 将<style>元素添加到IFrame的<head>中
    196.             var head = iframeDoc.head || iframeDoc.getElementsByTagName('head')[0];
    197.             head.appendChild(styleTag);

    198.             //////////////添加网页标题////////////////
    复制代码



    来自群组: 星象占卜

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x

    评分

    参与人数 6血液 +15 追随 +6 堕落 +2 收起 理由
    tuxonstar + 1
    肥鱼 + 6 + 1 赞一个!
    书の妖怪 + 1 很给力!
    前方无怪 + 3 + 1 ⌓‿⌓
    仲裁丶火炬 + 3 + 1 + 1
    相见忧 + 3 + 1 + 1 赞一个!

    查看全部评分

    回复

    使用道具 举报

    我的天使天灾骑士和你一起飞行的皮卡丘吃饱金币的Doge官复原职实现梦想冰原史莱姆牧场丹妮莉丝·坦格利安不朽之恋

      2297988 发表于 2024-10-1 02:43:38 | 显示全部楼层 <
      回复

      举报

      亚索月影狼晓月终焉旅行骰子!卡利亚权杖

        黑达克 发表于 2024-10-1 02:43:49 | 显示全部楼层 <
        这个脚本我也是一直有在用,看到记录的大数字会有种爽快感
        (话说效果图居然没有放刚刚三帖四魂的记录
          收起(1)
        回复

        举报

        漂洋小船冒险用指南针破损的旧书人鱼之泪雪王的心脏苏格兰圆脸胖鸡[Pro Max]丛林的鸟飞走了不曾寄出的信件幽灵竹筒『随时随地开启!』

          凯诺斯 发表于 2024-10-1 02:47:41 | 显示全部楼层 <
          回复

          举报

          永亘环小狮欢舞『搓粉团珠』黄粱一梦【新春限定】果体 隆死灵之书永远的克叔業火死鬥实现梦想官复原职

            娱乐法师火布偶 发表于 2024-10-1 02:51:58 | 显示全部楼层 <
            回复

            举报

            亚索小狮欢舞『搓粉团珠』永亘环

              Kogenta 发表于 2024-10-1 02:58:39 | 显示全部楼层 <
              回复

              举报

              『搓粉团珠』永亘环裸体克里斯【圣诞限定】心心念念小雪人虚空之海的鲸黑曜石赤螯蝎我的天使

                cinder 发表于 2024-10-1 03:02:35 | 显示全部楼层 <
                回复

                举报

                我的天使GM吸血伯爵吃饱金币的Doge阿拉喵?神灯苏格兰圆脸胖鸡小小舞台永浴爱河

                  毛茸茸兽兽 发表于 2024-10-1 03:06:29 | 显示全部楼层 <
                  回复

                  举报

                  岛田半藏普隆普特·阿金塔姆神奇四叶草格拉迪欧拉斯皮尔斯‧尼凡斯亚当‧简森裸体克里斯近地夜航

                    哟哟hoho 发表于 2024-10-1 04:16:11 | 显示全部楼层 <
                    回复

                    举报

                    【夏日限定】夏日的泰凯斯裸体克里斯炙热的格拉迪欧拉斯岛田半藏士兵 76莱因哈特·威尔海姆杰西·麦克雷BIG BOSS克里斯‧雷德菲尔德阿尔伯特·威斯克

                      千城丶 发表于 2024-10-1 04:54:57 | 显示全部楼层 <
                      回复

                      举报

                      裸体克里斯海螺号角虚空之海的鲸卡利亚权杖Vergil卡洛斯·奥利维拉杰西·麦克雷官复原职实现梦想丹雀衔五穗,人间始丰登

                        drtdrtf 发表于 2024-10-1 05:11:54 | 显示全部楼层 <
                        回复

                        举报

                        信仰之心『不败之花』『伊黎丝的赞词』『冰雕马拉橇』纯真护剑诺曼底号不朽之恋

                          相见忧 发表于 2024-10-1 05:21:19 | 显示全部楼层 <
                          回复

                          举报

                          敖蜃星雷霆晶球炼金之心召唤古代战士邪恶圣杯百相千面-戏弗图AI岛田半藏诺克提斯·路西斯·伽拉姆铁汉柔情

                            2302594 发表于 2024-10-1 06:40:33 | 显示全部楼层 <
                            回复

                            举报

                            诺克提斯·路西斯·伽拉姆巴哈姆特性感男神GM保加利亚妖王虚空之海的鲸男巫之歌

                              sanweny 发表于 2024-10-1 07:32:39 | 显示全部楼层 <
                              回复

                              举报

                              缘起星空虚空之海的鲸

                                you9632587 发表于 2024-10-1 07:35:19 | 显示全部楼层 <
                                回复

                                举报

                                裸体克里斯【新春限定】果体 隆内森·德雷克安德森‧戴维斯未散的宴席

                                  Morphyus 发表于 2024-10-1 08:12:27 | 显示全部楼层 <
                                  回复

                                  举报

                                  辐射:新维加斯龙腾世纪:审判达拉然最终幻想XVI瑞雪兆丰年,生灵万物新『搓粉团珠』史莱姆蛋

                                    木浪 发表于 2024-10-1 09:04:49 | 显示全部楼层 <
                                    回复

                                    举报

                                    喋血日记本思绪骤聚水泡术雷霆晶球炼金之心羅素·托維海盗弯钩

                                      xiaoduzhu 发表于 2024-10-1 09:24:25 | 显示全部楼层 <
                                      回复

                                      举报

                                      【圣诞限定】心心念念小雪人吃饱金币的Doge被释放的灵魂【新春限定】果体 隆業火死鬥男巫之歌虚空之海的鲸卡利亚权杖诺曼底号

                                        折木 发表于 2024-10-1 09:33:55 | 显示全部楼层 <
                                        回复

                                        举报

                                        『不败之花』『搓粉团珠』永亘环小狮欢舞金牌矿工幸运女神的微笑人鱼之泪和你一起飞行的皮卡丘圣甲虫秘典幸福的小阿尔

                                          PURO_ 发表于 2024-10-1 10:00:47 | 显示全部楼层 <
                                          回复

                                          举报

                                          您需要登录后才可以回帖 登录 | 立即注册

                                          本版积分规则

                                          关闭

                                          站长公告

                                          【日常卡片】积分抽奖长驻
                                          【日常卡片】积分抽奖长驻
                                          坛友们可以通过【日常卡片】获得血液积分奖励:每日2枚金币可以抽取5~25点血液!

                                          查看 »

                                          文字版|手机版|小黑屋|GameMale

                                          GMT+8, 2025-2-26 03:42 , Processed in 0.146733 second(s), 147 queries , Redis On.

                                          Copyright © 2013-2025 GameMale

                                          All Rights Reserved.

                                          快速回复 返回列表