首页：修订间差异

来自勿忘草与永远的少女
跳到导航跳到搜索
←上一编辑
可视化wikitext
Admin​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,945次编辑
无编辑摘要
Admin​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,945次编辑
无编辑摘要
 
（未显示同一用户的150个中间版本）
第1行： 第1行：
<!-- 顶部固定导航栏 -->
<div class="custom-homepage">
<div class="zmd-top-nav">
 
  <a href="/index.php?title=首页">首页</a>
<!-- 全站通知 -->
  <a href="https://www.war3whj.top/war3wiki/index.php?title=%E6%A3%8B%E5%AD%90">角色图鉴</a>
<div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:25px;">
  <a href="/index.php?title=敌方图鉴">敌方图鉴</a>
<span style="background: linear-gradient(135deg, #ff0080, #ff8c00, #40e0d0); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold;">全站通知：萌新请先点击游戏攻略查看相关新手指南！</span>
  <a href="/index.php?title=道具一览">道具一览</a>
  <a href="/index.php?title=关卡数据">关卡数据</a>
  <a href="/index.php?title=最新更新">最新更新</a>
</div>
</div>


<div class="zmd-wiki-home">
<!-- 第一行：横幅 + 更新公告并排 -->
  <!-- 全站通知栏（保留） -->
<div class="top-row">
  <div class="mw-message-box mw-message-box-notice" style="background: #2a2e3a; border-left-color: #48bba0; color: #e0e3e9; margin-bottom: 24px;">
     <div class="hero-banner">
     <strong>📢 全站通知：</strong> xxxxxxxxxxx
        [[File:wyhf.png|center|link=|alt=网站横幅]]
  </div>
     </div>
 
     <div class="update-card">
  <!-- 两栏布局：中间 + 右侧 -->
        <h3>📢 更新公告</h3>
  <div class="zmd-grid">
        <div class="update-item">
     <!-- 中间主内容区：角色图鉴 -->
            <strong>1573版本</strong><br>
     <div class="zmd-main">
            更新日期：2026年5月22日<br>
      <!-- 统计信息（可选，展示Wiki数据） -->
            • 新增角色1名<br>
      <div class="char-stats">
            • 新增一个天赋<br>
        <div><b>{{NUMBEROFUSERS}}</b> 注册用户</div>
            • 修复BUG和优化地图<br>
        <div><b>{{NUMBEROFACTIVEUSERS}}</b> 活跃编辑者</div>
            • 新增难度4<br>
        <div><b>{{NUMBEROFEDITS}}</b> 总编辑次数</div>
            • 野怪调整<br>
        <div><b>{{NUMBEROFPAGES}}</b> 页面总数</div>
            • 羁绊调整和角色调整<br>
      </div>
 
      <!-- 角色图鉴卡片 -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">⭐</span> 角色图鉴
         </div>
         </div>
         <div class="zmd-card-content">
         <div class="update-link">
          <div class="character-grid">
             [[更新日志|更新日志 →]]
            <!-- 示例角色，请替换为您自己的图片和链接 -->
            <a href="www.war3whj.top/war3wiki/index.php?title=棋子" class="char-item">
              <div class="char-avatar" style="background-image: url('/wikiqz/1.png');"></div>
              <div class="char-name">角色名1</div>
            </a>
             <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色2');"></div>
              <div class="char-name">角色名2</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色3');"></div>
              <div class="char-name">角色名3</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色4');"></div>
              <div class="char-name">角色名4</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色5');"></div>
              <div class="char-name">角色名5</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色6');"></div>
              <div class="char-name">角色名6</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色7');"></div>
              <div class="char-name">角色名7</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar" style="background-image: url('https://via.placeholder.com/70x70?text=角色8');"></div>
              <div class="char-name">角色名8</div>
            </a>
            <a href="#" class="char-item">
              <div class="char-avatar more-bg">+</div>
              <div class="char-name">全部</div>
            </a>
          </div>
         </div>
         </div>
      </div>
     </div>
     </div>
</div>


    <!-- 右侧栏：官方链接、热门页面、当前活动 -->
<!-- 两栏布局 -->
    <div class="zmd-sidebar">
<div class="two-columns">
      <!-- 官方链接卡片 -->
   
      <div class="zmd-card">
    <!-- 左侧区域 -->
         <div class="zmd-card-header">🔗 官方与社区</div>
    <div class="left-column">
         <div class="zmd-card-content link-list">
         <!-- 常用内容标题 -->
          <a href="#" target="_blank" rel="nofollow">官方网站</a>
         <div style="padding-left:15px; margin-bottom:20px; background: transparent; box-shadow: none; border-radius: 0;">
          <a href="#" target="_blank">微博/B站</a>
            [[File:常用内容标题.png|link=]]
          <a href="#" target="_blank">TapTap页面</a>
          <a href="#" target="_blank">版本更新记录</a>
          <a href="#" target="_blank">反馈建议板</a>
         </div>
         </div>
      </div>
        <!-- 四个图片卡片 -->
 
        <div class="feature-cards">
      <!-- 热门页面卡片 -->
            <div class="feature-card-link">[[File:棋子首页.png|center|link=棋子|alt=棋子图鉴]]</div>
      <div class="zmd-card">
            <div class="feature-card-link">[[File:装备图鉴.png|center|link=装备图鉴|alt=装备图鉴]]</div>
        <div class="zmd-card-header">🔥 热门页面</div>
             <div class="feature-card-link">[[File:天赋首页.png|center|link=天赋图鉴|alt=天赋图鉴]]</div>
        <div class="zmd-card-content">
             <div class="feature-card-link">[[File:羁绊详情.png|center|link=羁绊详情|alt=羁绊详情]]</div>
          <ul class="plain-list" style="margin: 0; padding-left: 0;">
             <div class="feature-card-link">[[File:游戏攻略.png|center|link=游戏攻略|alt=游戏攻略]]</div>
            <li><a href="#">新手入门指南</a></li>
             <li><a href="#">角色强度榜</a></li>
             <li><a href="#">资源获取攻略</a></li>
             <li><a href="#">常见问题解答</a></li>
          </ul>
         </div>
         </div>
      </div>
       
 
        <!-- 角色一览 -->
      <!-- 当前活动卡片（原中间区域移动至此） -->
        <div style="text-align: left; margin: 0; padding: 0;">
      <div class="zmd-card">
            <gallery mode="nolines" widths="850" perrow="1">
        <div class="zmd-card-header">
                最新棋子标题.png
          <span class="header-icon">📅</span> 当前活动
            </gallery>
          <span class="version-badge">最新版本</span>
         </div>
         </div>
         <div class="zmd-card-content">
         <div class="character-section">
          <div style="display: flex; flex-direction: column; gap: 12px;">
            <gallery mode="nolines" widths="120" heights="120" perrow="7">
             <div>
                角色104.png|link=千子村正|千子村正
              <h4 style="margin: 0 0 6px 0;">活动类型一</h4>
                角色103.png|link=菲比|菲比
              <ul style="margin: 0; padding-left: 20px;">
                角色102.png|link=我的刀盾|我的刀盾
                 <li>✨ 活动名称1</li>
                角色101.png|link=黑岩射手|黑岩射手
                <li>🎁 活动名称2</li>
                角色100.png|link=夜神月|夜神月
                 <li>⚔️ 活动名称3</li>
                角色99.png|link=莱茵哈鲁特|莱茵哈鲁特
              </ul>
                角色98.png|link=耄耋|耄耋
             </gallery>
            <div style="text-align: left; margin: 0; padding: 0;">
                 <gallery mode="nolines" widths="850" perrow="1">
                    全部棋子.png|link=棋子
                 </gallery>
             </div>
             </div>
            <div>
              <h4 style="margin: 0 0 6px 0;">活动类型二</h4>
              <ul style="margin: 0; padding-left: 20px;">
                <li>🌱 活动名称A</li>
                <li>🎨 活动名称B</li>
                <li>📬 活动名称C</li>
              </ul>
            </div>
            <div>
              <h4 style="margin: 0 0 6px 0;">限时活动</h4>
              <ul style="margin: 0; padding-left: 20px;">
                <li>💧 活动名称X</li>
              </ul>
            </div>
          </div>
         </div>
         </div>
      </div>
     </div>
     </div>
  </div>
   
    <!-- 右侧区域（修复后的完整代码） -->
    <div class="right-column">
        <!-- 直播封面卡片 -->
        <div id="live-carousel-container" style="
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            border-radius: 20px;
            padding: 20px;
            color: white;
            margin-bottom: 20px;
            text-align: center;
        ">
        <h3 style="
        background: linear-gradient(135deg, #ffd89b, #c7e9fb);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        display: inline-block;
        font-size: 20px;
        margin: 0 0 12px 0;
        padding: 0;
    ">推荐主播</h3>
            <div id="live-name" style="font-size: 22px; font-weight: bold; margin-bottom: 8px;"></div>
            <div id="live-desc" style="font-size: 14px; opacity: 0.85; margin-bottom: 20px;"></div>
            <div id="live-cover-img" style="
                width: 100%;
                max-width: 280px;
                height: 160px;
                margin: 0 auto 15px auto;
                border-radius: 12px;
                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                cursor: pointer;
            "></div>
            <div id="live-controls" style="display: flex; justify-content: center; align-items: center; gap: 0;">
    <div id="live-dots" style="display: flex; gap: 10px; align-items: center;"></div>
</div>
        </div>


  <!-- 底部版权 -->
        <!-- 兑换中心卡片 -->
  <div class="zmd-footer">
        <div class="redeem-card" style="
    <p>本站内容由玩家自发整理，遵循CC BY-NC-SA 4.0协议。若涉及侵权请联系管理员。</p>
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    <p>页面贡献者：编辑者A, 编辑者B, 编辑者C · 最后更新：2026-03-26</p>
            border-radius: 12px;
  </div>
            padding: 20px;
            color: white;
        ">
            <h3 style="background: linear-gradient(135deg, #ffd89b, #c7e9fb); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; font-size: 20px;">存档与赞助</h3>
            <div class="code-box" style="background: rgba(255,255,255,0.2); border-radius: 8px; padding: 12px; margin: 15px 0; text-align: center; font-family: monospace; font-size: 16px; letter-spacing: 2px;">新增存档与赞助道具</div>
            <div class="redeem-info" style="font-size: 13px; opacity: 0.9;">
                '''棋子-菲比使用权'''<br>
                '''小小棋手-菲比'''<br>
                '''小小棋手-千咲'''
            </div>
          <div class="redeem-btn" style="display: block; text-align: center; background: white; color: #667eea; padding: 6px 20px; border-radius: 20px; text-decoration: none; font-weight: bold; margin-top: 15px; transition: transform 0.2s;">
    [[兑换中心|兑换详情]]
</div>
</div>
        </div>
    </div><!-- .right-column 结束 -->
</div><!-- .two-columns 结束 -->
</div><!-- .custom-homepage 结束 -->

2026年5月23日 (六) 14:10的最新版本

全站通知：萌新请先点击游戏攻略查看相关新手指南！

网站横幅

📢 更新公告

           1573版本

           更新日期：2026年5月22日

           • 新增角色1名

           • 新增一个天赋

           • 修复BUG和优化地图

           • 新增难度4

           • 野怪调整

           • 羁绊调整和角色调整


           更新日志 →
棋子图鉴
装备图鉴
天赋图鉴
羁绊详情
游戏攻略
  • 千子村正
    千子村正
  • 菲比
    菲比
  • 我的刀盾
    我的刀盾
  • 黑岩射手
    黑岩射手
  • 夜神月
    夜神月
  • 莱茵哈鲁特
    莱茵哈鲁特
  • 耄耋
    耄耋

存档与赞助

新增存档与赞助道具
               棋子-菲比使用权

               小小棋手-菲比

               小小棋手-千咲

   兑换详情
检索自“https://www.war3whj.top/war3wiki/index.php?title=首页&oldid=1970”