DreamPlus2主题页脚内容修复

DreamPlus2主题页脚内容修复

<footer class="footer" xmlns:th="https://www.thymeleaf.org">
    <div class="container">
        <ul th:class="${theme.config.basic_info.footer_center} ? 'footer-container footer-center' : 'footer-container'">
            <li>
              <a class="logo-title" href="/" th:aria-label="${site.title}" th:title="${site.title}">
                <th:block th:if="${#strings.isEmpty(site.logo)}" th:text="${site.title}"/>
                <th:block th:unless="${#strings.isEmpty(site.logo)}">
                  <img class="logo-img" th:src="${site.logo}" th:alt="${site.title}" height="28">
                  <img class="logo-img-dark" th:src="${#strings.defaultString(theme.config.basic_info.night_logo, site.logo)}" th:alt="${site.title}" height="28">
                </th:block>
              </a>
            </li>
            <li>
              <p class="icon-spot">
                <span id="webCopyright" th:text="'&copy; '+${#dates.format(#dates.createNow(), 'yyyy')}+' '"></span><a class="record"
                        href="/" rel="noopener noreferrer nofollow" th:aria-label="${site.title}" th:title="${site.title}"
                        th:text="${site.title}"></a><span class="footer-truncation"><span th:if="${!#strings.isEmpty(theme.config.basic_info.record_number)} and ${!#strings.isEmpty(theme.config.basic_info.record_number_ps)}"
          style="color: #999; margin: 0 2px; vertical-align: middle;"></span>Powered by <span class="footer-copyright"><a class="powered footer-copyright-halo" href="https://pot.wshlyl.cn" target="_blank" aria-label="Halo">南鸢宸羲小小窝</a></span></span></p>
 <!-- 新增修改的内容开始-->               
 
  <p class="icon-spot" 
   style="display: flex; align-items: center; gap: 6px; margin: 0; padding: 0;">
    <!-- ICP备案信息 -->
    <th:block th:if="${theme != null and theme.config != null and theme.config.basic_info != null}">
        <a th:if="${!#strings.isEmpty(theme.config.basic_info.record_number)}" 
           class="record" 
           th:aria-label="${theme.config.basic_info.record_number}" 
           th:title="${theme.config.basic_info.record_number}"
           href="http://beian.miit.gov.cn/publish/query/indexFirst.action" 
           target="_blank" 
           rel="noopener noreferrer nofollow"
           style="display: inline-flex; align-items: center;">
            <img th:src="${#theme.assets('/img/ba.webp')}" 
                 height="16" 
                 width="16" 
                 alt="备案图标" 
                 style="margin-right: 4px;"/>
            <span th:text="${theme.config.basic_info.record_number}"></span>
        </a>
        
        <!-- 双备案分隔符 -->
        <span th:if="${!#strings.isEmpty(theme.config.basic_info.record_number) and !#strings.isEmpty(theme.config.basic_info.record_number_ps)}"
              style="color: #999; margin: 0 2px;">·</span>
        
        <!-- 公网安备信息 -->
        <a th:if="${!#strings.isEmpty(theme.config.basic_info.record_number_ps)}" 
           class="record footer-truncation" 
           th:href="|https://beian.mps.gov.cn/#/query/webSearch?code=${theme.config.basic_info.record_number_ps.replaceAll('[^0-9]', '')}|" 
           target="_blank" 
           rel="noopener noreferrer nofollow" 
           th:aria-label="${theme.config.basic_info.record_number_ps}" 
           th:title="${theme.config.basic_info.record_number_ps}"
           style="display: inline-flex; align-items: center;">
            <img th:src="${#theme.assets('/img/ga.webp')}" 
                 height="16" 
                 width="16" 
                 alt="公网安备图标" 
                 style="margin-right: 4px;"/>
            <span th:text="${theme.config.basic_info.record_number_ps}"></span>
        </a>
    </th:block>
</p>
                
<!-- 新增修改的内容结束-->
              
                <p th:if="${!#strings.isEmpty(theme.config.basic_info.custom_text)}" th:utext="${theme.config.basic_info.custom_text}"></p>
                <p class="icon-spot" th:if="${!#strings.isEmpty(theme.config.basic_info.website_time) || theme.config.enhance.busuanzi_group.enable_busuanzi == true}">
                <span th:if="${!#strings.isEmpty(theme.config.basic_info.website_time)}" id="websiteDate">建站<span class="stand">00</span>天<span class="stand">0</span>时<span class="stand">0</span>分<span class="stand">0</span>秒</span>
               <span th:if="${theme.config.enhance.busuanzi_group.enable_busuanzi == true || theme.config.enhance.busuanzi_group.enable_busuanzi == 'custom'}" class="icon-spot footer-truncation">
                            <span id="busuanzi_container_site_uv" th:style="${theme.config.enhance.busuanzi_group.enable_busuanzi == true} ? 'display: none;' : ''">
                              <i class="ri-account-circle-line" aria-hidden="true"></i><span class="stand" th:id="${theme.config.enhance.busuanzi_group.enable_busuanzi == 'custom'} ? 'busuanzi_site_uv' : 'busuanzi_value_site_uv'">0</span>访客
                            </span>
                            <span id="busuanzi_container_site_pv" th:style="${theme.config.enhance.busuanzi_group.enable_busuanzi == true} ? 'display: none;' : ''">
                              <i class="ri-pie-chart-line" aria-hidden="true"></i><span class="stand"  th:id="${theme.config.enhance.busuanzi_group.enable_busuanzi == 'custom'} ? 'busuanzi_site_pv' : 'busuanzi_value_site_pv'">0</span>访问
                            </span>
                        </span>
              </p>
 
<!-- 新增修改的内容开始-->
<p th:if="${!#strings.isEmpty(theme.config.basic_info.cloud_by_logo)}" 
   class="icon-spot" 
   style="display: inline-flex; align-items: center; white-space: nowrap;">
  <span style="display: inline-flex; align-items: center;">
    本站由
    <a class="cloud-driven" target="_blank" rel="noopener noreferrer nofollow" 
       th:href="${theme.config.basic_info.cloud_by_url}" 
       aria-label="云服务商" title="云服务商">
      <img 
        height="auto" 
        width="auto" 
        alt="云服务商" 
        th:src="${theme.config.basic_info.cloud_by_logo}" 
        style="vertical-align: middle; margin-right: 3px;"/>
    </a>
    提供云服务<span th:if="${!#strings.isEmpty(theme.config.basic_info.record_number)} and ${!#strings.isEmpty(theme.config.basic_info.record_number_ps)}"
          style="color: #999; margin: 0 2px; vertical-align: middle;"></span>
  </span>
  <th:block th:if="${!#strings.isEmpty(theme.config.basic_info.cdn_by_logo)}">
    <span class="footer-truncation" style="display: inline-flex; align-items: center; margin-left: 6px;">
      由
      <a class="cloud-driven" target="_blank" rel="noopener noreferrer nofollow" 
         th:href="${theme.config.basic_info.cdn_by_url}" 
         aria-label="CDN服务商" title="CDN服务商">
        <img 
          height="auto" 
          width="auto" 
          alt="CDN服务商" 
          th:src="${theme.config.basic_info.cdn_by_logo}" 
          style="vertical-align: middle; margin-right: 3px;"/>
      </a>
      提供CDN服务
    </span>
  </th:block>
</p>
<!-- 新增修改的内容结束-->
  
            </li>
            <li>
                <halo:footer />
            </li>
        </ul>
    </div>
</footer>
 

2、修复的第二版

<footer class="footer" xmlns:th="https://www.thymeleaf.org">
    <div class="container">
        <ul th:class="${theme.config.basic_info.footer_center} ? 'footer-container footer-center' : 'footer-container'">
            <li>
              <a class="logo-title" href="/" th:aria-label="${site.title}" th:title="${site.title}">
                <th:block th:if="${#strings.isEmpty(site.logo)}" th:text="${site.title}"/>
                <th:block th:unless="${#strings.isEmpty(site.logo)}">
                  <img class="logo-img" th:src="${site.logo}" th:alt="${site.title}" height="28">
                  <img class="logo-img-dark" th:src="${#strings.defaultString(theme.config.basic_info.night_logo, site.logo)}" th:alt="${site.title}" height="28">
                </th:block>
              </a>
            </li>
            <li>
<p class="icon-spot" style="padding-left: 180px" th:if="${!#strings.isEmpty(theme.config.basic_info.website_time) || theme.config.enhance.busuanzi_group.enable_busuanzi == true || theme.config.enhance.busuanzi_group.enable_busuanzi == 'custom'}"> 
                <span th:if="${!#strings.isEmpty(theme.config.basic_info.website_time)}" id="websiteDate">建站<span class="stand">00</span>天<span class="stand">0</span>时<span class="stand">0</span>分<span class="stand">0</span>秒</span>
                <span th:if="${theme.config.enhance.busuanzi_group.enable_busuanzi == true || theme.config.enhance.busuanzi_group.enable_busuanzi == 'custom'}" class="icon-spot footer-truncation">
                            <span id="busuanzi_container_site_uv" th:style="${theme.config.enhance.busuanzi_group.enable_busuanzi == true} ? 'display: none;' : ''">
                              <i class="ri-account-circle-line" aria-hidden="true"></i><span class="stand" th:id="${theme.config.enhance.busuanzi_group.enable_busuanzi == 'custom'} ? 'busuanzi_site_uv' : 'busuanzi_value_site_uv'">0</span>访客
                            </span>
                            <span id="busuanzi_container_site_pv" th:style="${theme.config.enhance.busuanzi_group.enable_busuanzi == true} ? 'display: none;' : ''">
                              <i class="ri-pie-chart-line" aria-hidden="true"></i><span class="stand"  th:id="${theme.config.enhance.busuanzi_group.enable_busuanzi == 'custom'} ? 'busuanzi_site_pv' : 'busuanzi_value_site_pv'">0</span>访问
                            </span>
                        </span>
                    
              </p>
              
             
                <p  style="padding-left: 160px" class="icon-spot" th:if="${!#strings.isEmpty(theme.config.basic_info.record_number_ps) || !#strings.isEmpty(theme.config.basic_info.record_number)}">
                 <a th:if="${!#strings.isEmpty(theme.config.basic_info.record_number)}" class="record" th:aria-label="${theme.config.basic_info.record_number}" th:title="${theme.config.basic_info.record_number}"
                        href="http://beian.miit.gov.cn/publish/query/indexFirst.action" target="_blank" rel="noopener noreferrer nofollow"><img
                        th:src="${#theme.assets('/img/ba.webp')}" height="auto" width="auto" alt="备案" style="vertical-align: text-top; width: 1.2em; margin-right: 4px;"/>[[${theme.config.basic_info.record_number}]]</a>
                    <a th:if="${!#strings.isEmpty(theme.config.basic_info.record_number_ps)}" class="record footer-truncation" th:href="'https://beian.mps.gov.cn/#/query/webSearch?code=' + ${theme.config.basic_info.record_number_ps.replaceAll('[^\d]', '')}" target="_blank" rel="noopener noreferrer nofollow" th:aria-label="${theme.config.basic_info.record_number_ps}" th:title="${theme.config.basic_info.record_number_ps}"><img
                        th:src="${#theme.assets('/img/ga.webp')}" height="auto" width="auto" alt="公网安备" style="vertical-align: text-top; width: 1.2em; margin-right: 4px;"/>[[${theme.config.basic_info.record_number_ps}]]</a></p>


              
                <p><span th:if="${!#strings.isEmpty(theme.config.basic_info.custom_text)}" th:utext="${theme.config.basic_info.custom_text}"></span>
                 <span class="icon-spot">
                <span id="webCopyright" th:text="'&copy; '+${#dates.format(#dates.createNow(), 'yyyy')}+' '"></span><a class="record"
                        href="/" rel="noopener noreferrer nofollow" th:aria-label="${site.title}" th:title="${site.title}"
                        th:text="${site.title}"></a><span class="footer-truncation">Powered by <span class="footer-copyright"><a class="powered footer-copyright-halo" href="https://pot.wshlyl.cn" target="_blank" aria-label="NTSC">南鸢宸羲小小窝</a></span></span></span></p>
          
            </li>
            <li>
                <halo:footer />
            </li>
        </ul>
    </div>
</footer>

网站登录后底部页脚美化

<style>
@keyframes maskedAnimation {
    0% { background-position: 0 0; }
    100% { background-position: -100% 0; }
}

.gradient-text {
    font-weight: bold;
    font-size: 17px;
    background-image: -webkit-linear-gradient(left, #ffdd00, #3e2f08 25%, #ffdd00 50%, #3e2f08 75%, #ffdd00);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    animation: maskedAnimation 1s infinite linear;
    display: flex;
    align-items: center;
    justify-content: center; /* 新增：水平居中 */
    gap: 15px;
    padding: 10px;
    max-width: 1200px; /* 新增：限制最大宽度 */
    margin: 0 auto; /* 新增：自动外边距实现居中 */
    flex-wrap: wrap; /* 新增：允许在小屏幕上换行 */
}
</style>

<div class="gradient-text">
    <img src="https://ps.wshlyl.cn/ntsc/lskypro/2025/03/26/67e3665d55ab6.png" 
         style="width: 120px; height: 40px;" 
         alt="NTSC" 
         title="NTSC">
    <span>© 2024-2025</span>
这里放网站链接
</div>