置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

Template:Akcharpop

猛汉♂百科,万男皆可猛的百科全书!转载请标注来源页面的网页链接,并声明引自猛汉百科。内容不可商用。
跳到导航 跳到搜索
???
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

此模板最早基于英文萌娘百科的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样式,必须以;结尾而不得省略 (空);这是可选参数

示例

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

  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

注释

  1. 虽然中英文萌百的版权协议不同,但ILP和本模板最早都由User:公的驱逐舰制作。