查看“︁首页”︁的源代码

<!-- 顶部固定导航栏 -->
<div class="zmd-top-nav">
  <a href="/index.php?title=首页">首页</a>
  <a href="https://www.war3whj.top/war3wiki/index.php?title=棋子">角色图鉴</a>
  <a href="/index.php?title=棋子">敌方图鉴</a>
  <a href="/index.php?title=道具一览">道具一览</a>
  <a href="/index.php?title=关卡数据">关卡数据</a>
  <a href="/index.php?title=最新更新">最新更新</a>
</div>

<div class="zmd-wiki-home">
  <!-- 全站通知栏（保留） -->
  <div class="mw-message-box mw-message-box-notice" style="background: #2a2e3a; border-left-color: #48bba0; color: #e0e3e9; margin-bottom: 24px;">
    <strong>📢 全站通知：</strong> xxxxxxxxxxx
  </div>

  <!-- 两栏布局：中间 + 右侧 -->
  <div class="zmd-grid">
    <!-- 中间主内容区：角色图鉴 -->
    <div class="zmd-main">
      <!-- 统计信息（可选，展示Wiki数据） -->
      <div class="char-stats">
        <div><b>{{NUMBEROFUSERS}}</b> 注册用户</div>
        <div><b>{{NUMBEROFACTIVEUSERS}}</b> 活跃编辑者</div>
        <div><b>{{NUMBEROFEDITS}}</b> 总编辑次数</div>
        <div><b>{{NUMBEROFPAGES}}</b> 页面总数</div>
      </div>

      <!-- 角色图鉴卡片 -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">⭐</span> 角色图鉴
        </div>
        <div class="zmd-card-content">
          <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 class="zmd-sidebar">
      <!-- 官方链接卡片 -->
      <div class="zmd-card">
        <div class="zmd-card-header">🔗 官方与社区</div>
        <div class="zmd-card-content link-list">
          <a href="#" target="_blank" rel="nofollow">官方网站</a>
          <a href="#" target="_blank">微博/B站</a>
          <a href="#" target="_blank">TapTap页面</a>
          <a href="#" target="_blank">版本更新记录</a>
          <a href="#" target="_blank">反馈建议板</a>
        </div>
      </div>

      <!-- 热门页面卡片 -->
      <div class="zmd-card">
        <div class="zmd-card-header">🔥 热门页面</div>
        <div class="zmd-card-content">
          <ul class="plain-list" style="margin: 0; padding-left: 0;">
            <li><a href="#">新手入门指南</a></li>
            <li><a href="#">角色强度榜</a></li>
            <li><a href="#">资源获取攻略</a></li>
            <li><a href="#">常见问题解答</a></li>
          </ul>
        </div>
      </div>

      <!-- 当前活动卡片（原中间区域移动至此） -->
      <div class="zmd-card">
        <div class="zmd-card-header">
          <span class="header-icon">📅</span> 当前活动
          <span class="version-badge">最新版本</span>
        </div>
        <div class="zmd-card-content">
          <div style="display: flex; flex-direction: column; gap: 12px;">
            <div>
              <h4 style="margin: 0 0 6px 0;">活动类型一</h4>
              <ul style="margin: 0; padding-left: 20px;">
                <li>✨ 活动名称1</li>
                <li>🎁 活动名称2</li>
                <li>⚔️ 活动名称3</li>
              </ul>
            </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 class="zmd-footer">
    <p>本站内容由玩家自发整理，遵循CC BY-NC-SA 4.0协议。若涉及侵权请联系管理员。</p>
    <p>页面贡献者：编辑者A, 编辑者B, 编辑者C · 最后更新：2026-03-26</p>
  </div>
</div>