首页:修订间差异

来自勿忘草与永远的少女
跳到导航跳到搜索
Admin留言 | 贡献
无编辑摘要
Admin留言 | 贡献
无编辑摘要
第2行: 第2行:


<!-- 全站通知 -->
<!-- 全站通知 -->
<div class="notice">
<div class="notice" style="background:#f8f9fa; border-left:4px solid #36c; padding:10px 15px; margin:10px 0; font-size:14px;">
'''全站通知:''' 本站数据正在完善中,欢迎参与编辑贡献
'''全站通知:''' 本站数据正在完善中,欢迎参与编辑贡献
</div>
</div>


<!-- 第一行:横幅 + 更新公告 -->
<!-- 第一行:横幅 + 更新公告并排 -->
<div class="top-row">
<div class="top-row">
     <div class="hero-banner">
     <div class="hero-banner">
第35行: 第35行:
<div class="two-columns">
<div class="two-columns">
      
      
    <!-- 左侧区域 -->
     <div class="left-column">
     <div class="left-column">
        <!-- 常用内容标题 -->
         <h2 style="border-left:4px solid #36c; padding-left:15px; margin-bottom:20px;">📌 常用内容</h2>
         <h2 style="border-left:4px solid #36c; padding-left:15px; margin-bottom:20px;">📌 常用内容</h2>
       
      <!-- 四个图片卡片 - 点击图片跳转 -->
         <div class="feature-cards">
         <div class="feature-cards">
             <a href="/角色图鉴" class="feature-card-link">
             <a href="/角色图鉴" class="feature-card-link">
                 <div class="feature-card">[[File:角色图鉴卡片.png|center|link=|alt=角色图鉴]]</div>
                 <div class="feature-card card-purple">
                    [[File:角色图鉴卡片.png|center|link=|alt=角色图鉴]]
                </div>
             </a>
             </a>
             <a href="/装备图鉴" class="feature-card-link">
             <a href="/装备图鉴" class="feature-card-link">
                 <div class="feature-card">[[File:tujian.png|center|link=|alt=装备图鉴]]</div>
                 <div class="feature-card card-pink">
                    [[File:tujian.png|center|link=|alt=装备图鉴]]
                </div>
             </a>
             </a>
             <a href="/天赋图鉴" class="feature-card-link">
             <a href="/天赋图鉴" class="feature-card-link">
                 <div class="feature-card">[[File:天赋图鉴卡片.png|center|link=|alt=天赋图鉴]]</div>
                 <div class="feature-card card-blue">
                    [[File:天赋图鉴卡片.png|center|link=|alt=天赋图鉴]]
                </div>
             </a>
             </a>
             <a href="/游戏攻略" class="feature-card-link">
             <a href="/游戏攻略" class="feature-card-link">
                 <div class="feature-card">[[File:游戏攻略卡片.png|center|link=|alt=游戏攻略]]</div>
                 <div class="feature-card card-green">
                    [[File:游戏攻略卡片.png|center|link=|alt=游戏攻略]]
                </div>
             </a>
             </a>
         </div>
         </div>
          
          
        <!-- 角色一览 -->
         <div class="character-section">
         <div class="character-section">
             <h2>✨ 角色一览</h2>
             <h2>✨ 角色一览</h2>
第81行: 第92行:
             </div>
             </div>
         </div>
         </div>
       
     </div>
     </div>
      
      
    <!-- 右侧区域 -->
     <div class="right-column">
     <div class="right-column">
       
        <!-- 兑换码卡片 -->
         <div class="redeem-card">
         <div class="redeem-card">
             <h3>兑换中心</h3>
             <h3>兑换中心</h3>
             <div class="code-box">新增兑换道具</div>
             <div class="code-box">新增兑换道具</div>
             <div class="redeem-info">
             <div class="redeem-info">
                月光棋盘<br>
              月光棋盘<br>
                小小棋子-菲比
              小小棋子-菲比
             </div>
             </div>
             <a href="/兑换中心" class="redeem-btn">前往兑换 →</a>
             <a href="/兑换中心" class="redeem-btn">前往兑换 →</a>
         </div>
         </div>
       
     </div>
     </div>
</div>
</div>


</div>
</div>
这是我首页的代码,我要把代码优化,该去JS的去JS,要去CSS的去CSS

2026年3月28日 (六) 23:39的版本

全站通知: 本站数据正在完善中,欢迎参与编辑贡献

网站横幅

📢 更新公告

           v1.2.0 版本更新
更新日期:2026年05月23日
• 新增3位新角色
• 优化游戏性能
• 修复已知Bug
           v1.1.0 版本更新
更新日期:2026年3月15日
• 新增活动副本
• 调整角色平衡性

📌 常用内容

           <a href="/角色图鉴" class="feature-card-link">
           </a>
           <a href="/装备图鉴" class="feature-card-link">
           </a>
           <a href="/天赋图鉴" class="feature-card-link">
           </a>
           <a href="/游戏攻略" class="feature-card-link">
           </a>

✨ 角色一览

👤
                   <a href="/角色/示例角色">示例角色</a>
稀有度 ★★★★★
⚔️
                   <a href="/角色/示例角色2">示例角色2</a>
稀有度 ★★★★
🧙
                   <a href="/角色/示例角色3">示例角色3</a>
稀有度 ★★★★★
🏹
                   <a href="/角色/示例角色4">示例角色4</a>
稀有度 ★★★★
               <a href="/分类:角色">查看全部角色 →</a>

兑换中心

新增兑换道具
              月光棋盘
小小棋子-菲比
           <a href="/兑换中心" class="redeem-btn">前往兑换 →</a>

这是我首页的代码,我要把代码优化,该去JS的去JS,要去CSS的去CSS