模板:Akcharpop/doc

此模板最早基于英文萌娘百科的Template:ILP的悬浮窗原理，为明日方舟的各剧情页面设计。将鼠标悬浮在文字（角色名）上，就会有该角色立绘的悬浮窗跳出；模板同时允许在立绘后方放置背景。

此模板需要这个CSS样式表才能正常工作；由于只有鼠标悬浮才会工作，目前理论上仅在电脑端有效。

由于模板设计原因（弹窗向上），请尽量保证此模板距离页面顶部超过300px（中间可以是任何东西：弹窗显示在页面之上）。一般的萌百页面都不会遇到这个问题。

一般语法

• {{Akcharpop|角色名字|角色立绘|背景图片}}

• {{Akcharpop|1=角色名字|2=角色立绘|3=背景图片}}

参数

参数名	同义名	简介	参数类型	默认值
name	1	总是会显示的文字。通常是角色名。	字符串	???
charpic	2	角色立绘文件；不需要File:开头。 为明日方舟的游戏数据做了特别优化，可以直接接受诸如char_002_amiya_1#1这样的原始值而寻找到正确的文件名。 受优化逻辑限制，文件名不能只包含1次“1#”（半角；多次没有关系）。	字符串	（空）
bgpic	3	背景图片文件；不需要File:开头。 没有上述优化。	文件名	（空）；这是可选参数
v-offset	无	指定给角色立绘的（相对）垂直位移。原始位置是上边对齐。 只接受数字，不要附单位；单位是px。正值会将图片向下移动，负值相反。	数字	（空）；这是可选参数
h-offset	无	指定给角色立绘的（相对）水平位移。原始位置是左右居中。 只接受数字，不要附单位；单位是px。正值会将图片向右移动，负值相反。	数字	（空）；这是可选参数
style	无	指定给显示文字的CSS样式；若有冲突，这里的样式会覆盖上述样式表。 供需要时作人工调整。	CSS样式，必须以;结尾而不得省略	（空）；这是可选参数
charcss	无	指定给角色立绘的CSS样式；若有冲突，这里的样式会覆盖上述样式表。 供需要时作人工调整。	CSS样式，必须以;结尾而不得省略	（空）；这是可选参数
bgcss	无	指定给背景图片的CSS样式；若有冲突，这里的样式会覆盖上述样式表。 供需要时作人工调整。	CSS样式，必须以;结尾而不得省略	（空）；这是可选参数

示例

注：请悬浮鼠标于角色名字之上。

1. 代码：{{Akcharpop|阿米娅|ak_char_002_amiya_1.png}}

   效果：阿米娅

   

   • 最简单的写法。
2. 代码：{{Akcharpop|阿米娅|ak_char_002_amiya_1.png|v-offset=-30}}

   效果：阿米娅

   

   • 负垂直位移将图片上移。
3. 代码：{{Akcharpop|阿米娅|ak_char_002_amiya_1#2.png|Ak_bg_wild_a.png|v-offset=-30}}

   效果：阿米娅

   

   • 同时展示了为游戏数据准备的简写和背景图片的应用。
4. 代码：{{Akcharpop|天火|Ak_char_166_skfire_3.png}}

   效果：天火

   

   • 天火的原始图片居右，默认的居中布局不大合适。
5. 代码：{{Akcharpop|天火|Ak_char_166_skfire_3.png|h-offset=-60}}

   效果：天火

   

   • 负水平位移将图片左移。

参见

各角色的立绘命名可参见Template:Aksabun/data。