模板:Akcharpop
跳到导航
跳到搜索
???
此模板最早基于英文萌娘百科的Template:ILP的悬浮窗原理[1],为明日方舟的各剧情页面设计。将鼠标悬浮在文字(角色名)上,就会有该角色立绘的悬浮窗跳出;模板同时允许在立绘后方放置背景。
此模板需要这个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样式,必须以; 结尾而不得省略 |
(空);这是可选参数
|
示例
注:请悬浮鼠标于角色名字之上。
- 代码:
{{Akcharpop|阿米娅|ak_char_002_amiya_1.png}}
- 效果:阿米娅
- 最简单的写法。
- 代码:
{{Akcharpop|阿米娅|ak_char_002_amiya_1.png|v-offset=-30}}
- 效果:阿米娅
- 负垂直位移将图片上移。
- 代码:
{{Akcharpop|阿米娅|ak_char_002_amiya_1#2.png|Ak_bg_wild_a.png|v-offset=-30}}
- 效果:阿米娅
- 同时展示了为游戏数据准备的简写和背景图片的应用。
- 代码:
{{Akcharpop|天火|Ak_char_166_skfire_3.png}}
- 效果:天火
- 天火的原始图片居右,默认的居中布局不大合适。
- 代码:
{{Akcharpop|天火|Ak_char_166_skfire_3.png|h-offset=-60}}
- 效果:天火
- 负水平位移将图片左移。
参见
各角色的立绘命名可参见Template:Aksabun/data。
注释
- ↑ 虽然中英文萌百的版权协议不同,但ILP和本模板最早都由User:公的驱逐舰制作。