Template:Userpage:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
无编辑摘要
无编辑摘要
第32行: 第32行:
        </div>
        </div>
        
        
        <!-- 右侧头像区域 -->
        <!-- 右侧头像区域 - 使用标准的File语法 -->
<div style="text-align: center; margin-left: 20px;">
       <div style="text-align: center; margin-left: 20px;">
   {{#if:{{{用户头像|}}}
         {{#if:{{{用户头像|}}}
     |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2); overflow: hidden; display: flex; align-items: center; justify-content: center;">
           |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.2); overflow: hidden; display: flex; align-items: center; justify-content: center;">
       <img src="{{{用户头像}}}" style="max-width: 100%; max-height: 100%;" alt="用户头像" />
             [[File:{{{用户头像}}}|120x120px|class=user-avatar]]
      </div>
            </div>
     |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.2); font-size: 40px; color: #ccc;">?</div>
           |<div style="width: 120px; height: 120px; border-radius: 50%; border: 4px solid #fff; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.2); font-size: 40px; color: #ccc;">?</div>
   }}
          }}
  
   {{#if:{{{在线状态|}}}
     |<div style="margin-top: 10px;">
       {{#ifeq: {{{在线状态}}} | 在线
          |<span style="background: #4caf50; color: white; padding: 3px 10px; border-radius: 12px; font-size: 12px;">● 在线</span>
         |<span style="background: #f44336; color: white; padding: 3px 10px; border-radius: 12px; font-size: 12px;">● 离线</span>
       }}
      </div>
     |}}
</div>
          
          
          {{#if:{{{在线状态|}}}
          {{#if:{{{在线状态|}}}
第63行: 第53行:
    </div>
    </div>
    
    
    <!-- 底部导航 - 修复链接 -->
    <!-- 底部导航 -->
    <div style="display: flex; justify-content: center; margin-top: 25px; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 15px;">
    <div style="display: flex; justify-content: center; margin-top: 25px; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 15px;">
      <div style="display: flex; gap: 20px; flex-wrap: wrap;">
      <div style="display: flex; gap: 20px; flex-wrap: wrap;">
第73行: 第63行:
    </div>
    </div>
</div>
</div>
<!-- 添加CSS样式确保图片圆形显示 -->
<style>
.user-avatar {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 50%;
}
</style>
</includeonly>
</includeonly>

2025年8月23日 (六) 18:03的版本

Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

描述

这是一个用于H萌娘Wiki用户页的二次元风格顶部横幅模板。该模板设计精美,包含渐变背景、装饰元素和用户信息展示区域,适合作为用户页的顶部引导区域。

语法

在用户页面中使用以下语法:

{{Userpage
|用户昵称      = 
|用户头像      = 
|称号          = 
|个性签名      = 
|加入时间      = 
|编辑数        = 
|用户组        = 
|在线状态      = 
}}

参数说明

参数 说明 是否必填 默认值
用户昵称 用户的昵称或爱称 可选
用户头像 用户头像的URL 可选 显示默认占位图
称号 用户的称号或头衔 可选
个性签名 用户的个性签名或座右铭 可选
加入时间 用户加入Wiki的时间 可选
编辑数 用户的编辑次数 可选
用户组 用户所在的用户组 可选
在线状态 用户的在线状态(在线/离线) 可选

示例

基本用法

{{Userpage
|用户昵称 = 星尘雾
|用户头像 = StellralMist-avatar.jpg
|称号 = 星空魔法使
|个性签名 = 「星空の霧が漂い、幻想の扉を開く」
|加入时间 = 2025年8月
|编辑数 = idk
|用户组 = 用户
|在线状态 = 在线
}}

效果预览

StellralMist (星尘雾)

「星空魔法使」
「星空の霧が漂い、幻想の扉を開く」
                   加入时间: 2025年8月
                   编辑数: idk
                   用户组: 用户
?
                   ● 在线
           <a href="#" style="color: #ff4a8d; text-decoration: none; font-weight: bold;">主页</a>
           <a href="#" style="color: #5c6bc0; text-decoration: none; font-weight: bold;">讨论页</a>
           <a href="#" style="color: #26a69a; text-decoration: none; font-weight: bold;">贡献</a>
           <a href="#" style="color: #ffa726; text-decoration: none; font-weight: bold;">监视列表</a>


注意事项

  • 在线状态参数只能填写"在线"或"离线",其他值将不会显示状态指示器
  • 模板会自动获取当前用户名,无需填写用户名参数

相关模板