舰R百科是靠无数志愿编辑者持续地建设更新完善的。编辑非常简单，无需代码知识，请勇于更新页面！
编辑入门 | 资助百科 | 留言讨论页 | 微博@舰R百科 | 百科编辑讨论Q群：366818861

微件:Donation：修订间差异

舰R百科，玩家自由编辑的战舰少女R百科
跳转到导航 跳转到搜索
以互动方式浏览历史
←上一编辑
可视化wikitext
无编辑摘要
无编辑摘要
 
（未显示同一用户的14个中间版本）
第14行： 第14行：
     font-family: sans-serif;
     font-family: sans-serif;
     margin-bottom: 1em;
     margin-bottom: 1em;
    text-align: left !important;
     /* Determine if you want it fixed width or fluid. Fluid is safer for Sitenotice */
     /* Determine if you want it fixed width or fluid. Fluid is safer for Sitenotice */
     width: 100%;  
     width: 100%;  
第22行： 第23行：
     border: 1px solid #f5c6cb;
     border: 1px solid #f5c6cb;
     color: #491217;
     color: #491217;
     padding: 15px 20px;
    /* Increased right padding to prevent QR code from overlapping close button */
     padding: 15px 45px 15px 20px;
     border-radius: 4px;
     border-radius: 4px;
     position: relative;
     position: relative;
第52行： 第54行：
.jr-banner-footer {
.jr-banner-footer {
     font-weight: bold;
     font-weight: bold;
     color: #856404;
     color: #257098;
     font-size: 0.95em;
     font-size: 0.95em;
}
}
第73行： 第75行：


.jr-qr-caption {
.jr-qr-caption {
     font-size: 0.8em;
     font-size: 1em;
     color: #666;
     color: #666;
     margin-top: 4px;
     margin-top: 4px;
    text-decoration: underline;
}
}


第81行： 第84行：
.jr-banner-close {
.jr-banner-close {
     position: absolute;
     position: absolute;
     top: 5px;
     top: 8px;
     right: 10px;
     right: 12px;
     font-size: 18px;
     font-size: 26px; /* Made button bigger */
     font-weight: bold;
     font-weight: bold;
     cursor: pointer;
     cursor: pointer;
     color: #aaa;
     color: #919191;
     line-height: 1;
     line-height: 1;
     z-index: 2;
     z-index: 2;
    padding: 4px; /* Adds a little click area buffer */
}
}


第100行： 第104行：
         flex-direction: column;
         flex-direction: column;
         text-align: left;
         text-align: left;
        padding: 15px 20px; /* Reset padding for mobile layout */
     }
     }
     .jr-banner-qr {
     .jr-banner-qr {
         margin-top: 15px;
         margin-top: 15px;
         align-self: center; /* Center the QR code on mobile */
         align-self: center; /* Center the QR code on mobile */
    }
    .jr-banner-close {
        top: 5px;
        right: 10px;
     }
     }
}
}
第123行： 第132行：
             <div class="jr-banner-body">
             <div class="jr-banner-body">
                 舰R百科不仅是舰R内容的集合，更是一项持续消耗算力的云端服务。<br><br>
                 舰R百科不仅是舰R内容的集合，更是一项持续消耗算力的云端服务。<br><br>
                 为了保障流畅体验，高质量信息的维护需要资源。如果您从R百中获取了价值，或者希望这项服务保持稳定在线，请考虑分担这一成本。
                 为了保障流畅体验，百科需要高质量的云计算资源。如果您从百科中获取了价值，希望这项服务保持无广告稳定在线，请考虑继续支持我们的服务。
             </div><br><br>
             </div>
             <div class="jr-banner-footer">
             <div class="jr-banner-footer"><br>
                 您的支持将直接用于云计算续费。
                 您的支持将直接用于云计算续费OvO。
             </div>
             </div>
         </div>
         </div>
第135行： 第144行：
             <!-- We use Special:FilePath to get the raw image URL dynamically -->
             <!-- We use Special:FilePath to get the raw image URL dynamically -->
             <img src="https://0v0.zjsnrwiki.com/images/c/c9/Afdian_qr_small.png" alt="Donation QR Code">
             <img src="https://0v0.zjsnrwiki.com/images/c/c9/Afdian_qr_small.png" alt="Donation QR Code">
             <div class="jr-qr-caption">扫码支持</div>
             <div class="jr-qr-caption"><a href="https://afdian.com/a/zjsnrwiki">扫码/点击支持</a></div>
         </div>
         </div>
          
          
第152行： 第161行：


     if (!isClosed) {
     if (!isClosed) {
         // Show the banner
         // Show the banner using vanilla JS
         $(banner).fadeIn(); // Use jQuery for smooth fade if available, or just banner.style.display = 'block';
         if (banner) {
            banner.style.display = 'block';
        }
     }
     }


     // 2. Handle Close Click
     // 2. Handle Close Click
     closeBtn.addEventListener('click', function() {
     if (closeBtn) {
        // Hide visually
        closeBtn.addEventListener('click', function() {
        $(banner).slideUp();  
            // Hide visually using vanilla JS
       
            if (banner) {
        // Save to storage
                banner.style.display = 'none';
        localStorage.setItem(storageKey, 'true');
            }
    });
           
            // Save to storage
            localStorage.setItem(storageKey, 'true');
        });
    }
})();
})();
</script>
</script>
</includeonly>
</includeonly>

2025年12月9日 (二) 21:31的最新版本

   Donation Banner Widget

   Use this code in MediaWiki:Sitenotice to display the banner:


检索自“https://www.zjsnrwiki.com/index.php?title=微件:Donation&oldid=114101”