模板:MCPlayerInfo:修订间差异

来自Hokubu Wiki
无编辑摘要
无编辑摘要
第1行: 第1行:
<includeonly>
<includeonly>
{{#if: {{{start|}}}|
{{#if: {{{start|}}}|
<!-- 网格容器:包裹所有卡片 -->
<div class="mc-grid">
<div class="mc-player-grid">
|}}
|}}


<templatestyles src="Template:MCPlayerInfo/style.css" />
<templatestyles src="Template:MCPlayerInfo/style.css" />


<!-- 单个玩家卡片:横向布局 -->
<a href="/wiki/{{{name|}}}" class="mc-card">
<a href="/wiki/{{{name|}}}" class="mc-player-card">
     <!-- 头像 -->
     <!-- 左侧头像 -->
     <div class="mc-avatar">
     <div class="mc-player-avatar">
         <img src="{{{image|https://picsum.photos/200/200?random=1}}}"  
         <img src="{{{image|https://picsum.photos/200/200?random=1}}}"  
             alt="{{{name|}}}的头像" />
             alt="{{{name|}}}头像" />
     </div>
     </div>
      
      
     <!-- 右侧文字内容 -->
     <!-- 文字内容 -->
     <div class="mc-player-info">
     <div class="mc-info">
         <div class="mc-player-name">{{{name|}}}</div>
         <div class="mc-name">{{{name|}}}</div>
         <div class="mc-player-chinese">{{{chinese|}}}</div>
         <div class="mc-cn">{{{chinese|}}}</div>
         <div class="mc-player-english">{{{english|}}}</div>
         <div class="mc-en">{{{english|}}}</div>
     </div>
     </div>
</a>
</a>
第25行: 第23行:
{{#if: {{{end|}}}|
{{#if: {{{end|}}}|
</div>
</div>
<!-- 闭合网格容器 -->
|}}
|}}
</includeonly>
</includeonly>
第31行: 第28行:
<noinclude>
<noinclude>
== 横向玩家信息卡片模板 ==
== 横向玩家信息卡片模板 ==
完全还原最初的横向布局,左侧头像+右侧文字,网格自动排列。
完全独立的横向卡片模板,不依赖任何旧样式,确保横向布局。
 
== 核心特点 ==
- 纯横向布局:头像居左,文字居右,水平排列
- 网格排列:自动换行,大屏多列,小屏单列
- 独立样式:不依赖其他CSS,避免布局冲突
- 交互效果:悬停上移+点击头像旋转


== 使用方法 ==
== 使用方法 ==
第56行: 第47行:


== 参数说明 ==
== 参数说明 ==
| 参数      | 必选 | 说明                          |
* '''start=1''' - 列表开头,必须添加
|------------|------|-------------------------------|
* '''end=1''' - 列表结尾,必须添加
| start=1   | 是  | 放在列表开头,初始化网格容器  |
* '''name''' - 玩家名称(必填)
| end=1     | 是  | 放在列表结尾,闭合网格容器    |
* '''chinese''' - 中文介绍(选填)
| name       | 是  | 玩家名称(链接目标)          |
* '''english''' - 英文介绍(选填)
| chinese   | 否  | 中文介绍文字                  |
* '''image''' - 头像图片(选填)
| english   | 否  | 英文介绍文字(自动斜体)      |
| image     | 否  | 头像图片URL/本地文件名        |
</noinclude>
</noinclude>

2025年7月26日 (六) 00:01的版本


横向玩家信息卡片模板

完全独立的横向卡片模板,不依赖任何旧样式,确保横向布局。

使用方法

<a href="/wiki/" class="mc-card">

       <img src="https://picsum.photos/200/200?random=1" 
            alt="头像" />

</a>





<a href="/wiki/Notch" class="mc-card">

       <img src="Notch_Avatar.png" 
            alt="Notch头像" />
Notch
马库斯·阿列克谢·泊松
Creator of Minecraft

</a>





<a href="/wiki/Jeb_" class="mc-card">

       <img src="Jeb_Avatar.png" 
            alt="Jeb_头像" />
Jeb_
延斯·伯根斯坦
Lead Developer

</a>





<a href="/wiki/" class="mc-card">

       <img src="https://picsum.photos/200/200?random=1" 
            alt="头像" />

</a>



参数说明

  • start=1 - 列表开头,必须添加
  • end=1 - 列表结尾,必须添加
  • name - 玩家名称(必填)
  • chinese - 中文介绍(选填)
  • english - 英文介绍(选填)
  • image - 头像图片(选填)